微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

html5 – Prism HTML荧光笔

我正在使用 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">
            &lt;p class="red">red text &lt;/p>
        </code></pre>
    </body>
</html>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。