您现在的位置是：网站首页> 编程资料编程资料
ckeditor syntaxhighlighter代码高亮插件，完美修复_网页编辑器_
2023-05-25
238人已围观
简介 ckeditor syntaxhighlighter代码高亮插件，完美修复_网页编辑器_
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
顺便给高级配置页多加了一个选项“不自动转换超链接”，syntaxhighlighter默认会把代码里的网址转换成超链接，看起来很不爽，现在可以自由设置了，呵呵
来个图
使用方法：
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插件】
相关内容
- asp.net+FCKeditor上传图片显示叉叉图片无法显示的问题的解决方法_网页编辑器_
- Edge浏览器开发者工具代码修改同步到Vscode中_网页编辑器_
- 几款好用的前端开发编辑器推荐安利_网页编辑器_
- SyntaxHighlighter 去掉右侧滚动条的方法_网页编辑器_
- js获取UEditor富文本编辑器中的图片地址_网页编辑器_
- js获取富文本中的第一张图片(正则表达式)_网页编辑器_
- 使用Js获取、插入和更改FCKeditor编辑器里的内容_网页编辑器_
- 自动刷新从BrowserSync开始_网页编辑器_
- 使用 CodeMirror 打造属于自己的带高亮显示的在线代码编辑器_网页编辑器_
- 基于开发中使用UEditor编辑器的注意事项详解_网页编辑器_
