jquery to color code text

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> 

Answer 2

このため、正しい用語は、「構文の強調表示」で、利用可能ないくつかの便利なスクリプトがあります：

http://www.webdesignbooth.com/9-useful-javascript-syntax-highlighting-scripts/