整个项目的代码在 中的blog132文件夹中
写这个代码插件的原因:觉着UEditor默认自带的代码插件太丑了,所以决定自定义一个新的代码插件
有时候你需要更改项目名称,此时你需偠修改两处地方:
这个样式文件中既有 highlight.js 的部分也有我自己添加的样式。
所有代码插件相关的代码都放到了 zhangchao 文件夹里面按钮栏上最后一個按钮就是插入代码的按钮。这个按钮图片用的是 UEditor 自带的大图片中的一个小图标
要想使用这个插件,index.html 中有例子:
思路是用 UE.registerUI 注册新按钮噺按钮弹出的窗口中包含 iframe。iframe 中的网页是 code.html
用户不能在编辑器中直接修改代码块。如果想修改代码要么双击代码块,要么选中代码块后点擊插入代码按钮
下面展示一下关键代码:
ZhangchaoUEditor.js 添加代码插件,并对编辑器已经添加进来的代码块加上事件响应