変数にスタイルタグを含む場合にsmartyで表示する方法ってありますか？

前提・実現したいこと

変数にstyleタグ・javascriptタグを含む場合にviewにエスケープさせずに表示したい。

該当のソースコード

下記のように記載した場合だとHTMLのエスケープはしないようにできるのですが、


・controllerでvar_dumpした結果(DBからの取得値)

<a href="/">テストデータ</a>
<style>
a {
font-size: 18px;
font-weight: bold;
}
</style>
<script>
$(function(){
alert('テスト');
});
</script>


・tplファイルでvar_dumpした結果

<a href="/">テストデータ</a>
<style>
a {
font-size: 18px;
font-weight: bold;
}
</style>
<script>
$(function(){
alert('テスト');
});
</script>



・HTMLとして表示されるコード

<a href="/">テストデータ</a>


ネット上でも、色々調べて試してみたのですが実装が出来ておりません。
DB上にHTML形式で保存したものを直接表示できるようにしたいので、
<style>タグとその中のCSSを反映させるにはどうしたらいいでしょうか。

### 補足情報
####動作環境
PHP 7.2
smarty 3.1.3
zend framework1


お手数ですが、ご教示くださいますと幸いです。
何卒、宜しくお願い致します。

退会済みユーザー

2018/08/30 12:56

$freeText に代入されている値を提示してください

AXK

2018/08/30 13:13

コメントありがとうございます！代入している値の例を記載しました。ご確認頂けますと幸いです！

m.ts10806

2018/08/30 13:27

assignする前のコード、ブラウザで表示した際に「ソースを表示」で得られるhtmlを提示してください。これだけではどこに問題があるかわかりません。SmartyなのかZendなのかPHPなのか。また「Zend Framework」もタグに追記してください。PHP7だと「Zend Framework 2」の方でしょうか。いずれにしても動作環境にフレームワークのバージョンも追記してください。

AXK

2018/08/31 00:21

mts10806さん　ありがとうございます。上記、追記しました。

行動規範の内容に同意します

回答2件

ベストアンサー

html
1<div class="freeText">
2    {$freeText nofilter}
3</div>

こう書いてあるということは、最終的に、

html
1<div class="freeText">
2<a href="/">テストデータ</a>
3<style>
4    a {
5        font-size: 18px;
6        font-weight: bold;
7    }
8</style>
9<script>
10    $(function(){
11        alert('テスト');
12    });
13</script>
14</div>

このように出力したいということなのでしょうが、

そもそも、CSSは

html
1<head>
2<style>
3    a {
4        font-size: 18px;
5        font-weight: bold;
6    }
7</style>
8</head>

このようにhead のなかや、

html
1<a href="/" style="font-size: 18px;font-weight: bold;">テストデータ</a>

のようにstyle属性の中にかくという原則があるわけです。にも関わらず、そのルールを破って出力しなきゃいけない理由はあるのでしょうか？

SmartyはHTMLとPHPのロジックを分離することを目的としたテンプレートエンジンなので、PHPの変数にタグを含めていることが本来のテンプレートエンジンの目的を無視した使い方をしていることが問題の根本だと思います。

投稿2018/08/31 06:39

退会済みユーザー

総合スコア0

AXK

2018/08/31 07:57

ご回答ありがとうございます。 SmartyはHTMLとPHPのロジックを分離することを目的としたテンプレートエンジン >やはりそうですよね。 style属性の中にかくという原則があるわけです。にも関わらず、そのルールを破って出力しなきゃいけない理由はあるのでしょうか？ >目的としましては、管理(入力)画面を作って、この部分に関しては誰がどのように入力しても対応しても表示されるように対応したかったためです。このまま、view側で表示できるようにするよりも、controller側でHEADに入れるように対応したほうがよさそうですね。ご指摘、ご回答誠にありがとうございました。

行動規範の内容に同意します

zendでどこまで対応されているか分かりませんが、unescapeを試してみてください。

投稿2018/08/31 00:25

m.ts10806

総合スコア80854

AXK

2018/08/31 04:28 編集

ご回答ありがとうございます。 unescapeしたところ下記のような表示になりました。やはり<style><script>タグのどちらも表示されませんでした。・{$freeText|unescape:"html"} <a href="/">テストデータ</a> ・{$freeText|unescape:"htmlall"} <a href="/">ãã¹ããã¼ã¿</a>

m.ts10806

2018/08/31 04:36

問題だけにとらわれていて確認を失念していましたが、なぜわざわざphp側からタグ自体をわたすのでしょうか？view側で対応はできませんか？

m.ts10806

2018/08/31 04:38

あ、すみません質問に書いてありましたね。失礼しました＞DB上にHTML形式で保存したものを直接表示できるようにしたいので

m.ts10806

2018/08/31 04:40

マニュアル見てて思ったのですが、変数をViewに渡すときにエスケープしてませんか？ https://framework.zend.com/manual/1.12/ja/zend.view.scripts.html >出力のエスケープ

AXK

2018/08/31 06:22

ありがとうございます。知識不足で申し訳ないのですが、view表示で確認できている場合でも出力のエスケープってされるのでしょうか。 tpl側でvar_dumpした場合には、スタイル・スクリプトタグは含まれてました。

m.ts10806

2018/08/31 06:31

その可能性はなくはないです。テンプレートエンジンなのでvar_dump()とhtmlで出力するときは全く同じとは限りません。フレームワーク側の作りにも関係してくるかもしれませんし。もしこのまま解決が難しいようであれば作りを見直したほうが良いかもしれませんね。 css,jsはコードだけ別で打つようにするとか。でも、画面に直接影響するものなので（jsはサーバー側に影響及ぼす可能性もある）、本来は自由に打てちゃダメなところなんですけどね。

AXK

2018/08/31 06:37

なるほど。ありがとうございます。view表示の際の挙動調べてみます。

m.ts10806

2018/08/31 06:45

私のコメントの後半やKosuke_Shibuyaさんのご指摘のように、作りから見直された方が良いかと思います。 htmlタグであればマークダウンのような打たせ方にするとか。なるべくシステム側で制御可能な形がセキュリティ的にものぞましいです。

AXK

2018/08/31 07:58

ありがとうございます。 htmlタグであればマークダウンのような打たせ方にするとか。なるべくシステム側で制御可能な形がセキュリティ的にものぞましいです ⇒そうですね。入力する側で制御したほうが良さそうですね。

行動規範の内容に同意します

あなたの回答