商城首页欢迎来到中国正版软件门户

您的位置: 首页 > 文章列表 > 编程开发 > ckeditor syntaxhighlighter代码高亮插件,完美修复

ckeditor syntaxhighlighter代码高亮插件,完美修复

  发布于2026-07-22 阅读(0)

扫一扫,手机访问

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

本文转载于:https://www.jb51.net/article/27944.htm 如有侵犯,请联系zhengruancom@outlook.com删除。
免责声明:正软商城发布此文仅为传递信息,不代表正软商城认同其观点或证实其描述。

热门关注