php - jquery对文本进行颜色编码

Question

我在我的网站上提供了 php 代码示例，并且想知道它们是否是我可以对它们进行颜色编码的一种方式，以便像 IDE 那样更容易阅读。我总是将代码显示在带有代码类的 div 中，然后显示在 pre 标记中。请参阅下面的示例。

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

我想知道是否有一种方法可以用 jQuery 来实现，就像某种字符串匹配方式一样。因此，给 jquery 一个应该是蓝色的字符串数组，然后 jQuery 将查看代码块，并且任何与其匹配的单词都会向它们添加蓝色类或其他内容？有人知道我将如何实现这一目标吗？也许已经有一种更简单的方法了？

谢谢

Answer 1

有许多不同的脚本可以做到这一点 - 我不建议您尝试自己做，除非您想要自己做一个小项目:)

我使用的语法荧光笔是:http://alexgorbatchev.com/SyntaxHighlighter/

在大多数情况下，您只需向要突出显示的元素添加一个类(例如 php)即可。对于 SyntaxHighlighter，您的代码将如下所示:

<pre class="brush: php">
  echo "Hello";
</pre>