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

Question

<pre>
 <code class="language-markup">
  <p>markup</p>
 </code>
</pre>

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

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

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

prism.js

https://prismjs.com/index.html

Comments

[yambejp]

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

[m.ts10806]

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

[Usagino]

放置です

[yambejp]

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

[m.ts10806]

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

[x_x]

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

Answer 1

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

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

<script type="text/plain" class="language-markup">
<p>markup</p>
</script>