编辑器代码高亮插件SyntaxHighlight版

中原 @ 2010-10-18 15:47 Mon | 分类:学习

首先是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>


 

上一篇:EXCEL那些事
下一篇:abaqus入门教程