ckeditor syntaxhighlighter代码高亮插件,完美修复
程序员文章站
2022-06-23 21:56:06
CKeditor的对象跟FCKeditor不大一样,不能直接调用innerHTML和outerHTML了,绕了个大弯子,在当前节点前插入一个新节点,然后删除原先的节点。。。...
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. 打开你的编辑器,开始插入代码吧~
顺便给高级配置页多加了一个选项“不自动转换超链接”,syntaxhighlighter默认会把代码里的网址转换成超链接,看起来很不爽,现在可以*设置了,呵呵
来个图
使用方法:
1. 解压附件到plugins (sablog2.0在include\editor\plugins)
2. 打开ckeditor目录下的config.js文件,添加两行
config.extraplugins = 'syntaxhighlight';
config.toolbar_full.push(['code']);
3. 打开你的编辑器,开始插入代码吧~
推荐阅读
-
CKEditor 4.4.1 添加代码高亮显示插件功能教程【使用官方推荐Code Snippet插件】
-
ckeditor syntaxhighlighter代码高亮插件,完美修复
-
FCKeditor 和 SyntaxHighlighter 代码高亮插件的整合
-
SyntaxHighlighter配合CKEditor插件轻松打造代码语法着色
-
ckeditor syntaxhighlighter代码高亮插件配置分享
-
CKEditor中加入syntaxhighlighter代码高亮插件
-
SyntaxHighlighter配合CKEditor插件轻松打造代码语法着色
-
ckeditor syntaxhighlighter代码高亮插件,完美修复
-
SyntaxHighlighter配合CKEditor插件轻松打造代码语法着色
-
CKEditor中加入syntaxhighlighter代码高亮插件