首先是demo
(由于高亮插件以后会改变,本demo为图片)
插件包含文件: admin\ckeditor\plugins\syntaxhighlight内所有文件 admin\ckeditor\config.js(上传将覆盖原文件,推荐自行修改) content\plugins\SyntaxHighligh\SyntaxHighlight.php
下载地址请在我网盘 http://e.ys168.com/?chenyu244 软件文件夹寻找(已经精简整合,带调用预览Demo)
一些说明:
ckeditor是fckeditor的升级版本,不过比较大,网上可以找一些精简版,或者找一些集成系统里把这个拉出来也行,他还有一些好的搭配比如CKFinder。最新版本3.1,在http://ckeditor.com/blog/CKEditor_3.1_released ,不过似乎还没有汉化,可以考虑http://ckeditor.com.cn/ 找中文版
SyntaxHighlight.安装很简单,readme文档是英文的,翻译一下:
1、把synataxhighlight放在plugin文件夹
2.在config.js加一些内容:
config.toolbar = [[ ......, 'syntaxhighlight' ]];
config.extraPlugins='....,syntaxhighlight';
3.修改默认语言在plugin.js里面:lang : ['en'],
调用页面里面需要加入一些js调用(由于css不大兼容,代码过宽会产生bug,故下面js只是示意):
<script type="text/javascript" src= "/editor/custom/ckeditor/plugins/syntaxhighlight/scripts/shCore.js"> </script> ... <link type="text/css" rel="stylesheet" href= "/editor/custom/ckeditor/plugins/.../shThemeDefault.css"/> <script type="text/javascript"> SyntaxHighlighter.config.clipboardSwf = '/editor/custom/ckeditor/plugins/syntaxhighlight/scripts/clipboard.swf'; SyntaxHighlighter.all(); </script>