html - HTML構文ハイライター

Question

助けを求めたい。「単純に使用する」HTML構文ハイライトが必要です。http://alexgorbatchev.com/SyntaxHighlighter/を試しましたが、これはHTML5タグをサポートしておらず、実際のコンテンツの大きさ（小ささ）に関係なく、画面の右側にスライダーがあります。

ご回答ありがとうございます。

score 1 · Accepted Answer

プリズム.js

これには多くのスクリプトがありますが、Lea VerouのPrismjsライブラリが最も使いやすいと思います。もちろんHTML5にも対応！

これを使用するには、コードをpreとcodeタグで囲み、次のクラスを指定しlanguage-markupます。

<pre class="language-markup"><code>
  &lt;div class="example"&gt;This is automatially highlighted&lt;/div&gt;
</code></pre>

これは次のようになります。

ここに画像の説明を入力