Prism.jsを使った際にHTMLを自動でエスケープ処理してくれるjsコード

html
1<pre>
2 <code class="language-markup">
3  <p>markup</p>
4 </code>
5</pre>

としたコードをprism.jsだと自動でエスケープ処理してくれないです

そのままだとこうなります

jsを使った方法を教えて下さい

prism.js

2018/08/07 04:30

例示のhtmlだと、結果としてどういったデータになることを想定していますか？

2018/08/07 04:32

前の質問はもう放置ですか？ https://teratail.com/questions/139982

2018/08/07 04:34

放置です

2018/08/07 04:37

放置の基準がわからないのですが、この質問にも回答しないで放置してくださいという意図でよろしいですか？

2018/08/07 04:38

質問をたてておいて放置は迷惑行為です。回答もついていますよね。その回答で足りないのなら質問を編集して追記するか、回答で確認するなど責任もってきちんと解決まで対応してください。誰もあなたの質問に回答しなくなりますよ。

2018/08/08 09:30

どういうことがしたいのかわかりません。この辺で使い方をみてはどうでしょうか？ https://niwaka-web.com/prism_js/

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

回答1件

ベストアンサー

HTMLタグをそのまま表示したいのであれば、こちらのプラグインを使用するのはいかがでしょうか。
Unescaped markup ▲ Prism plugins

リンク先にある通り、"prism-unescaped-markup.js"の読み込みが必要なのと、囲うタグを変える必要があります。

html
1<script type="text/plain" class="language-markup">
2<p>markup</p>
3</script>

投稿2018/08/26 17:51

総合スコア339

あなたの回答

tips

プレビュー

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

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.31%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問をすることでしか得られない、回答やアドバイスがある。