添加着色代码代码高亮插件在CKEditor

从官方网站下载CKEditor，我下载CKEditor 3.3.1.ckeditor从原来的FCKeditor完全不同。作为开发商，他们总是需要粘贴代码做自己的博客的时候，所以他们要插入代码插件。代码的亮点是着色代码。

1、在 / / ckeditor插件目录下，创建一个新的insertcode 目录，然后在insertcode 目录，一个新的插件。JS
CKEDITOR.plugins.add（'insertcode，{
要求：{ 'dialog}，
init：函数（a）{
var b = a.addcommand（'insertcode，新ckeditor.dialogcommand（'insertcode '））；
A.ui.addButton（'insertcode，{
标签：a.lang.insertcode.toolbar，命令：'insertcode图标：this.path + 'images /代码.webp
}）；
CKEDITOR.dialog.add（'insertcode '，this.path + 'dialogs / insertcode .js）；
}
}）；
2、添加图像目录，放上编码图片（附件上传的是JPG编码图片，可以直接使用）。

3、添加对话框目录下，创建一个新的insertcode JS 。
CKEDITOR.dialog.add（'insertcode功能（编辑）{
var =函数（值）{
返回值；
}；
返回{
标题：'insert码对话框，
调整大小：ckeditor.dialog_resize_both，
minwidth：720，
minheight：480，
内容：{
身份：'cb，
名称：'cb，
标签：'cb，
标题：'cb，
元素：{
类型：'select，
标签：'language，
身份：'lang，
要求：真实，
默认：'csharp，
项目：{ { 'actionｓｃｒｉｐｔ3 '，'as3}，{ 'bash /壳，'bash}，{c # '，'csharp}，{ c + +，'cpp}，{ 'css '，'css}，{ 'delphi '，'delphi}，{ 'diff '，'diff}，{ 'groovy '，'groovy}，{ 'html '，'xhtml}，{ 'javaｓｃｒｉｐｔ '，'js}，'java}，{ 'javafx '，'java '，'jfx}，{ 'perl '，'perl}，{ 'php '，'php}，{ 'plain，文本，'plain}，{ 'powershell ''ps}，{ 'python '，'py}，{ 'ruby '，'rails}，{ 'scala '，'scala}，{ 'sql '，'sql}，{视觉，基本的，'vb}，{ 'xml '，'xml} }
{ }。
类型：'textarea，
风格：'width：700px；身高：420px，
标签：'code，
身份：'code，
行数：31，
默认值：
} }
} }，
OnOk：函数（）{
代码= this.getvalueof（'cb '，'code）；
郎= this.getvalueof（'cb '，'lang）；
html ++（代码）+；
editor.inserthtml（+ HTML + ）；
}，
onLoad：函数（）{
}
}；
}）；
我用着色代码使代码亮，如果你不喜欢它，你可以改变它的人。

4，接下来是添加插件CKEditor。我直接修改ckeditor插件的核心文件，因为我用的是插入代码的功能作为一个编辑的必要功能。

找到CKEditor。JS ckeditor目录下，在编码压缩，我们使用CKEditor是原来的插件作为参考。找到发现整版：虚假，高度：200，basicstyles插件：，。我们把insertcode约，成为，insertcode和basicstyles插件。

继续寻找关于

下一步，寻找i.toolbar_basic = 我喜欢{ 'maximize '，'showblocks '，'insertcode}。

5、进入CKEditor /郎

6、修改CKEditor已经好了，最后一步是在参考页，你需要强调你的代码：
这四个文件可在着色代码打包下载，最后，JS添加到页面。
着色代码。配置。clipboardswf = 'js / / /着色代码脚本的SWF的剪贴板；
SyntaxHighlighter.all（）；
插入代码插件CKEditor是好的。

暗示一个小错误

insertcode图标的标题是空后的修改。我改变标签：a.lang.insertcode。工具栏（共2个）在你的代码标签：a.lang.insertcode。解决uff01