ckeditor syntaxhighlighter代码高亮插件,完美修复
作者:CalmWind
时间:2026-07-22
浏览:4
针对CKeditor与FCKeditor对象模型差异,采用先插入新节点再删除原节点的方法修复代码高亮插件。高级配置新增“不自动转换超链接”选项,用户可自由控制代码中网址是否自动转为超链接,提升灵活性。
本文目录
CKeditor 的对象模型与 FCKeditor 有着本质区别,最直接的影响就是:无法直接通过 innerHTML 或 outerHTML 来操作节点。解决这个问题需要绕一个小弯——在当前节点前插入一个新节点,然后再删除原节点。虽然方法看起来略显笨拙,但确实有效解决了实际问题。
与此同时,高级配置页面新增了一个选项:“不自动转换超链接”。SyntaxHighlighter 默认会将代码中的网址自动转为超链接,这在某些场景下会干扰代码展示效果。现在,用户可以根据需要自由开启或关闭这一功能,体验更灵活。
来个图:
具体使用方法如下:
1. 解压附件到 plugins 目录(Sablog2.0 路径为 include/editor/plugins)。
2. 打开 CKeditor 目录下的 config.js 文件,添加两行配置:
config.extraPlugins = 'syntaxhighlight';
config.toolbar_Full.push(['Code']);
3. 打开你的编辑器,开始插入代码吧~
syntaxhighlight.rar
作者最新文章
B站免费入口在线直达指南
2026-11-04 11:38
wps怎么自动生成目录标题 设置标题级别
2026-11-03 09:57
PS反选快捷键有哪些技巧
2026-10-29 08:45
xshell怎么快速删除文本 命令行清除技巧
2026-10-21 18:09
Luminar Neo人像修图指南:如何点亮眼神与适度放大双眼
2026-10-21 11:00
热门文章
更多
精品专题
更多
Mac软件
更多
WINDOWS
更多

































