我在我的网站上提供了PHP代码示例,并且想知道他们是否可以对它们进行颜色编码,以便像IDE那样更容易阅读。我总是在一个div中用一类代码然后在pre标签中显示代码。请参阅下面的示例。
<div class="code">
<pre>
<?php
echo 'hello world';
?>
</pre>
</div>
我想知道是否有一种方法可以使用jQuery,就像在一种字符串匹配方式。所以给jquery一个字符串数组,例如应该是蓝色的,然后jQuery会查看代码块,任何与之匹配的单词都会为它们添加一类蓝色或其他东西?有谁知道我会怎么做到这一点?也许有一个更简单的方法?
由于
答案 0 :(得分:3)
有许多不同的脚本可以做到这一点 - 我不建议你自己尝试自己做,除非你想为自己做一个小项目:)
我使用的语法高亮显示器是:http://alexgorbatchev.com/SyntaxHighlighter/
在大多数情况下,您只需要在要突出显示的元素中添加一个类(如php
)。对于SyntaxHighlighter,您的代码如下所示:
<pre class="brush: php">
echo "Hello";
</pre>
答案 1 :(得分:2)
正确的术语是“语法高亮”,并且提供了一些有用的脚本:
http://www.webdesignbooth.com/9-useful-javascript-syntax-highlighting-scripts/