给kindeditor增加代码高亮功能【续一】

文章转自：http://www.baiyuxiong.com/?p=426

2、显示页面引用SyntaxHighlighter插件。

<script type="text/javascript">
$(document).ready(function(){
	//$.SyntaxHighlighter('./SyntaxHighlighter/');
	var option={
		dir:'./SyntaxHighlighter/',
		name:'code',
		showControls:true
	};
	$.SyntaxHighlighter(option);
});
</script>

下载地址：
SyntaxHighlighter：http://download.csdn.net/source/2718518
kindeditor:http://www.kindsoft.net

缺点总结
添加代码的时候，最好将编辑器切换到源码模式再进行编辑，否则容易出错。
因为pre是标准的HTML标签，编辑器把这个标签当做HTML标签，在非源码模式下，看不到这个标签，代码很容易插错地方。但是当代码高亮插件出错时，代码显示也不会出问题，这是一个优势。
如果像JAVAEYE这样，使用中括号里的code标签，就能在HTML模式下看到标签，但容错性就差了些。

评论

1 楼 cq361106306 2012-08-04  

引用

[*]

[img][/img]