当前位置：代码网 > it编程>前端脚本>网页编辑器 > ckeditor syntaxhighlighter代码高亮插件，完美修复

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

2024年05月18日 • 网页编辑器 •我要评论

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. 打开你的编辑器，开始插入代码吧~

javascript开发随笔3 开发iframe富文本编辑器的一点体会

就把遇到的问题记录一下。写这篇文章时用的tinymce编辑器就很强大，但毕竟是第三方的，项目也考虑了这些，如果做些自定义的东西不太方便。 1. 判断光标位置的元... [阅读全文]
自己打造HTML在线编辑器的实现难点分析

html在线编辑器实际上是什么其实有好几种实现方式，目前用得最多、兼容性最好的还是iframe方式。<iframe src="" frameborder=... [阅读全文]
TinyMCE syntaxhl插入代码后换行的修改方法

在pre后面加个换行，然后才能回到可视化界面里继续编辑博客。如果博客里要插入的代码片段很多，就会非常不爽。所以今天给它做了个小修改。打开pluginssyn... [阅读全文]
autogrow 让FCKeditor高度随内容增加的插件

这个插件在默认情况下可能运行不正常，必须做一点修改才可以。打开插件所在文件：/editor/plugins/autogrow/fckplugin.js 找到第... [阅读全文]
Fckeditor编辑器内容长度限制统计实现方法

先我们看最简单的就是编辑器的代码了，简单得很同时大家也经常看过。 //检测在线编器字符数 ,他必须通过创建fckeditorapi来实现，代码如下。再看实... [阅读全文]
当使用ckeditor控件时，需要校验输入内容是否为空的一种解决办法（转帖）

fckeditor 验证内容是否为空 fckeditor js验证表单原来的代码代码如下这样是我们写程序中最经常的写法提交之前进行验证内容是否为空！使... [阅读全文]

发表评论


验证码：

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

2024年05月18日 • 网页编辑器 •我要评论

相关文章:

发表评论