gpt4 book ai didi

html - 棱镜 HTML 荧光笔

转载 作者:技术小花猫 更新时间:2023-10-29 12:09:25 26 4
gpt4 key购买 nike

我正在使用 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>

我有两个问题:

  1. <>表示为标签,而不是文本,但我可以将其替换为 &lt;&gt;

  2. 更重要的是,即使如问题 1 所示替换,highliter 也不会高亮任何代码,一切都是黑色的。尽管它适用于 CSS,但整个代码如下所示:

<!DOCTYPE html>
<html>
<head>
<link href="prism.css" rel="stylesheet" />
</head>
<body>
<script src="prism.js"></script>
<pre><code class="language-css">p { color: red }</code></pre>
</body>
</html>

感谢您的帮助。

最佳答案

使用 <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>

关于html - 棱镜 HTML 荧光笔,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14559436/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com