读书人

ckeditor-安插代码功能并高亮显示结

发布时间: 2012-10-18 13:46:55 作者: rapoo

ckeditor---插入代码功能并高亮显示,结合syntaxhighlighter_2.1

给自己做了个小博客网站:http://lc448986375.gicp.net,

我希望能和csdn的博客编辑一样,能够添加高亮显示代码的功能,看了网上很多文章,大部分都是抄袭的,一模一样,而且按照他们的方法有的也不能运行出来,所以我就自己摸索出来了一个方法:

当然我也是按照别人的方法做的,只不过我亲自做了出来,和大家分享一下,如有问题大家一起讨论


1、在"ckeditor/plugins/"目录下新建一个"insertcode"目录,然后在"insertcode"目录下新建一个"plugin.js",输入以下代码:

<script type= "text/javascript" >  SyntaxHighlighter.config.clipboardSwf= 'js/syntaxhighlighter/scripts/clipboard.swf' ;  SyntaxHighlighter.all();  </script>  



好了,这样就可以了,可以到我的博客中看看效果的: http://lc448986375.gicp.net

读书人网 >Web前端

热点推荐