我正在使用
Prism,它的工作适用于CSS：
<pre><code class="language-css">p { color: red }</code></pre>
但我不能让它工作的html：
<pre><code class="language-html"><p class="red">red text</p></code></pre>
我有两个问题：
><和>被表示为标签,而不是文本,但我可以用& lt;和& gt;
>更重要的是,即使如问题1所示更换,高亮度也不会突出显示任何代码,一切都只是黑色.尽管它正在为CSS工作,但整个代码看起来像这样：
06002
感谢任何帮助.
解决方法
使用< code class =“language-markup”>打造HTML代码.
此外,您只需要使用& lt,而不必担心标签的开头,请勿担心& gt;字符.最简单的方法是将HTML代码粘贴到pre标签中,然后执行查找和替换所有<字符. 这应该工作：
<!DOCTYPE html>
<html>
<head>
<link href="prism.css" rel="stylesheet" />
</head>
<body>
<script src="prism.js"></script>
<pre><code class="language-markup">
<p class="red">red text </p>
</code></pre>
</body>
</html>