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>

这是它的样子：

在此处输入图像描述