ckeditor syntaxhighlighter代码高亮插件，完美修复（CKEditor php）墙裂推荐

🌐 经济型：买域名、轻量云服务器、用途：游戏网站等《腾讯云》特点：特价机便宜适合初学者用点我优惠购买

🚀 拓展型：买域名、轻量云服务器、用途：游戏网站等《阿里云》特点：中档服务器便宜域名备案事多点我优惠购买

🛡️ 稳定型：买域名、轻量云服务器、用途：游戏网站等《西部数码》特点：比上两家略贵但是稳定性超好事也少点我优惠购买

文章摘要

CKeditor与FCKeditor不同，无法直接调用innerHTML和outerHTML，需在当前节点前插入新节点后删除原有节点。文章还提供了一个高级配置选项“不自动转换超链接”，简化了配置流程。此外，用户详细介绍了如何在CKeditor中使用SyntaxHighlighter，包括下载、安装和配置步骤：解压插件文件到指定目录，修改config.js文件添加插件，并在CodeToolbar中添加相关选项。文章还推荐了相关的文章资源，供进一步了解。

CKeditor的对象跟FCKeditor不大一样，不能直接调用innerHTML和outerHTML了，绕了个大弯子，在当前节点前插入一个新节点，然后删除原先的节点。。。很傻，不过解决了问题。

顺便给高级配置页多加了一个选项“不自动转换超链接”，syntaxhighlighter默认会把代码里的网址转换成超链接，看起来很不爽，现在可以自由设置了，呵呵

来个图

ckeditor syntaxhighlighter代码高亮插件，完美修复（CKEditor php）墙裂推荐

使用方法：

1. 解压附件到plugins (sablog2.0在include\editor\plugins)

2. 打开CKeditor目录下的config.js文件，添加两行

config.extraPlugins=’syntaxhighlight’;

config.toolbar_Full.push([‘Code’]);

3. 打开你的编辑器，开始插入代码吧~

syntaxhighlight.rar

您可能感兴趣的文章:FCKEditor SyntaxHighlighter整合实现代码高亮显示asp.net 为FCKeditor开发代码高亮插件实现代码CKeditor与syntaxhighlight打造joomla代码高亮CKEditor中加入syntaxhighlighter代码高亮插件ckeditor syntaxhighlighter代码高亮插件配置分享FCKeditor 和 SyntaxHighlighter 代码高亮插件的整合FCKeditor + SyntaxHighlighter 让代码高亮着色插件CKeditor富文本编辑器使用技巧之添加自定义插件的方法ckeditor自定义插件使用方法详解CKEditor 附插入代码的插件CKEditor 4.4.1 添加代码高亮显示插件功能教程【使用官方推荐Code Snippet插件】