jquery-syntax動態文法著色範例程式碼

解壓jquery-syntax-3.1.1.zip，將public放在我們自已的目錄下，在網頁中引入如下3個js（是http://download.csdn.net/detail/liumengcheng/7344667）
複製代碼 代碼如下:
<script type="text/javascript" charset="UTF-8" src="scripts/jquery-1.8.2.js"></script>
<script type="text/javascript" charset="UTF-8" src="public/jquery.syntax.js"></script>
<script type="text/javascript" charset="UTF-8" src="public/jquery.syntax.cache.js"></script>

html部分：
複製代碼 代碼如下:
<div id="div_configXML" style="float:right;width:600px;">
</div>

js部分：
複製代碼 代碼如下:
//設定檔的預設類型為xml
var fileType="xml";
//當選中樹中的某個檔案的時候
$('#tree1').tree({
onClick: function(node){
if (node.children==null || node.children==undefined){
var url="../hub/config/configRead?"+'ip='+ip+'&port='+port+"&file="+node.id;
var str=node.id;
fileType = str.substring(str.lastIndexOf(".")+1,str.length);
fileType=fileType.toLowerCase();
$.get(url,{},function(data,textStatus){
//因為需要多次文法著色，而且每次選中的檔案都不一樣，

//所以每次都要刪除原來的pre元素，並新增pre，且syntax得根據檔案名稱的尾碼來動態得到。

//注意：不要直接定位pre，因為每次渲染後pre元素會消失，所以我這裡用一個div來放pre，每次清理pre只要刪除div下的所有元素就行了
$("#div_configXML *").remove();
var $pre=$("<pre id='configXML' class='syntax "+fileType+"'> </pre>");
$("#div_configXML").append($pre);
$("#configXML").text(data);
$.syntax();
}
);
}
}

});

以下是：

顯示xml檔案
 
顯示java檔案