jquery为颜色代码文本

时间:2010-12-13 15:43:00

标签: php jquery

我在我的网站上提供了PHP代码示例,并且想知道他们是否可以对它们进行颜色编码,以便像IDE那样更容易阅读。我总是在一个div中用一类代码然后在pre标签中显示代码。请参阅下面的示例。

<div class="code">
   <pre>
      <?php
         echo 'hello world';
      ?>
   </pre>
</div>

我想知道是否有一种方法可以使用jQuery,就像在一种字符串匹配方式。所以给jquery一个字符串数组,例如应该是蓝色的,然后jQuery会查看代码块,任何与之匹配的单词都会为它们添加一类蓝色或其他东西?有谁知道我会怎么做到这一点?也许有一个更简单的方法?

由于

2 个答案:

答案 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/