首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

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

2012-10-18 
ckeditor---插入代码功能并高亮显示,结合syntaxhighlighter_2.1给自己做了个小博客网站:http://lc44898637

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

热点排行