給kindeditor增加代碼高亮功能【續一】

文章轉自:[url]http://www.baiyuxiong.com/?p=426[/url]

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模式下看到標籤,但容錯性就差了些。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章