2、顯示頁面引用SyntaxHighlighter插件。
<script type="text/javascript">
$(document).ready(function(){
//$.SyntaxHighlighter('./SyntaxHighlighter/');
var option={
dir:'./SyntaxHighlighter/',
name:'code',
showControls:true
};
$.SyntaxHighlighter(option);
});
</script>
[b]下載地址:[/b]
SyntaxHighlighter:http://download.csdn.net/source/2718518
kindeditor:http://www.kindsoft.net
[b]缺點總結[/b]
添加代碼的時候,最好將編輯器切換到源碼模式再進行編輯,否則容易出錯。
因爲pre是標準的HTML標籤,編輯器把這個標籤當做HTML標籤,在非源碼模式下,看不到這個標籤,代碼很容易插錯地方。但是當代碼高亮插件出錯時,代碼顯示也不會出問題,這是一個優勢。
如果像JAVAEYE這樣,使用中括號裏的code標籤,就能在HTML模式下看到標籤,但容錯性就差了些。