Question

我尝试使用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>

浏览器中的结果是普通的文本框而不是代码如何解决这个问题？

Answer 1

highlight.js未将HTML代码视为代码的原因是浏览器解析了HTML代码。解决方案是将<替换为<，将>替换为>以转义尖括号。如果您正确包含.js和.css文件，请进行以下更改将有所帮助：

HTML版本：

<pre><code class="html">&lt;input type="text" name="test" id="test" value=""&gt;</code></pre>

PHP版本：

<pre><code class="php">&lt;?php echo"test";?&gt;</code></pre>

BTW，如果在HTML <head>中包含.js文件，则无需使用jQuery。该页面将在加载页面后运行。

highlight.js代码不起作用

1 个答案: