我尝试使用highlight.js,但没有成功
我按照他们在网站上所说的那样工作,但我不知道出了什么问题
<link rel="stylesheet" href="styles/default.css">
<script src="js/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
<title></title>
</head>
//测试代码
<pre><code class="html"><input type="text" name="test" id="test" value=""></code></pre>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.7.0/styles/default.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.7.0/highlight.min.js"></script>
浏览器中的结果是一个普通的文本框,而不是代码如何解决这个问题?
最佳答案
highlight.js
不将您的 HTML 代码视为代码的原因是因为浏览器解析了HTML标签。解决办法是替换<
与 <
和>
与 >
转义尖括号。如果您正确包含了 .js 和 .css 文件,进行这些更改将会有所帮助:
HTML 版本:
<pre><code class="html"><input type="text" name="test" id="test" value=""></code></pre>
PHP 版本:
<pre><code class="php"><?php echo"test";?></code></pre>
顺便说一句,如果您在 HTML 中包含 .js 文件,则无需使用 jQuery <head>
。该脚本将在页面加载后运行。
关于javascript - highlight.js 代码不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39654013/