ckeditor syntaxhighlighter代码高亮插件,完美修复(CKEditor php)墙裂推荐

随心笔谈3年前发布 admin
242 0 0

文章摘要

CKeditor的更新对用户使用innerHTML和outerHTML的功能做出了调整,增加了绕道插入新节点并删除原有节点的步骤,虽然有些繁琐,但解决了部分问题。此外,文章提到SyntaxHighlighter默认会自动将超链接转换为超链接,用户可以自由设置这一功能以避免默认行为。文章还提供了详细的配置说明和插件的使用方法,包括解压文件、配置config.js文件以及如何在CKeditor中插入代码。对于需要代码高亮的用户来说,这是一个实用的解决方案。


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插件】

© 版权声明

相关文章