首页前端开发其他前端知识ckeditor syntaxhighlighter代码高亮插件,完美修复

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

时间2024-02-10 11:35:03发布访客分类其他前端知识浏览906
导读:收集整理的这篇文章主要介绍了ckeditor syntaxhighlighter代码高亮插件,完美修复,觉得挺不错的,现在分享给大家,也给大家做个参考。 CKedITor的对象跟fcKe...
收集整理的这篇文章主要介绍了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 您可能感兴趣的文章:
  • FCKEditor SyntaxHighlighter整合实现代码高亮显示
  • asp.net 为FCKeditor开发代码高亮插件实现代码
  • @L_777_3@
  • CKEditor中加入syntaxhighlighter代码高亮插件
  • ckeditor syntaxhighlighter代码高亮插件配置分享
  • FCKeditor 和 SyntaxHighlighter 代码高亮插件的整合
  • FCKeditor + SyntaxHighlighter 让代码高亮着色插件
  • CKeditor富文本编辑器使用技巧之添加自定义插件的方法
  • ckeditor自定义插件使用方法详解
  • CKEditor 附插入代码的插件
  • CKEditor 4.4.1 添加代码高亮显示插件功能教程【使用官方推荐Code Snippet插件】

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: ckeditor syntaxhighlighter代码高亮插件,完美修复
本文地址: https://pptw.com/jishu/608306.html
通过Fckeditor把图片上传到独立图片服务器的方法 FCKeditor 图片上传进度条不动的解决方法

游客 回复需填写必要信息