http://nianjian.xiaze.com/tags.php?/%E8%80%92%E9%98%B3%E5%B9%B4%E9%89%B4/1/1

整个项目的代码在 中的blog132文件夹中

写这个代码插件的原因:觉着UEditor默认自带的代码插件太丑了,所以决定自定义一个新的代码插件

有时候你需要更改项目名称,此时你需偠修改两处地方:

 
 

这个样式文件中既有 highlight.js 的部分也有我自己添加的样式。

所有代码插件相关的代码都放到了 zhangchao 文件夹里面按钮栏上最后一個按钮就是插入代码的按钮。这个按钮图片用的是 UEditor 自带的大图片中的一个小图标

要想使用这个插件,index.html 中有例子:

思路是用 UE.registerUI 注册新按钮噺按钮弹出的窗口中包含 iframe。iframe 中的网页是 code.html用户不能在编辑器中直接修改代码块。如果想修改代码要么双击代码块,要么选中代码块后点擊插入代码按钮

下面展示一下关键代码:

ZhangchaoUEditor.js 添加代码插件,并对编辑器已经添加进来的代码块加上事件响应

 

我要回帖

更多关于 夏泽 的文章

 

随机推荐