使用方法

このプラグインでは、同じ目的に対する手法が幾つか用意されています。

• <pre><code>要素を使用する代わりに、<script type="text/plain">を使用します。

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

• HTMLコメントを使ってコードをエスケープします。

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

  これは、code要素がコメントを1つだけ含み、それ以外のものは何も含まない場合にのみ機能します（スペースもダメ）。例えば、<code> <!-- 一部のテキスト --></code>や<code>テキスト<!-- さらにテキスト --></code>は機能しません。

例

以下のエスケープの必要がなかったことをソースの表示で確認できます（エスケープが必要な</script>を除く）。

次の例でHTMLコメントの手法を使用します。

よく寄せられる質問

なぜHTML<template>タグを使用しないのでしょうか？

そのtextContentを取得するには大変な仕事であり、無意味に複製する必要があるからです。ただし、意欲があれば、実装してプルリクエストを送信してください。

インラインで使用できますか？

インラインコードでエスケープする必要がある1～2文字の<をエスケープするより<script type="text/plain">と入力する方が厄介だと考えたため、そのままでは使用できません。さらに、インラインコードは頻繁にコピーアンドペーストされず、このプラグインを書く主な不満のストレス源でした。