1. ホーム
  2. javascript

[解決済み] ハンドルテンプレートにhtmlをエスケープせずに挿入する

2022-04-15 11:11:07

質問

ハンドルネームのテンプレートにhtmlタグを含む文字列を挿入しても、出力される文字列にタグがエスケープされることはないのでしょうか?

template.jsを使用します。

<p>{{content}}</p>

テンプレートを使用する

HBS.template({content: "<i>test</i> 123"})

実際の結果

<p>&lt;i&gt;test&lt;/i&gt; 123</p>

が期待される結果です。

<p><i>test</i> 123</p>

解決方法は?

次のような方法で試してみてください。

<p>{{{content}}}</p>

公式リファレンス :

が返す値をハンドルバーでHTMLエスケープします。 {{expression}} . もし ハンドルバーで値をエスケープさせたくない場合。 は、"triple-stash" を使用します。 {{{ .