ueditor的使用

文章来自:https://www.shengli.me/css/133.html

官网地址:http://ueditor.baidu.com/website

 

演示地址:http://ueditor.baidu.com/website/onlinedemo.html;

 

首先要引入编辑器

ueditor的使用

调整工具栏:

 

ueditor.config.js中搜索toolbars进行设置

 

ueditor的使用

 

那如何修改ueditor默认样式呢?

ueditor的使用 

 

上传图片插入正文后默认居中

 

修改\dialogs\image\image.js 文件的initAlign和setAlign方法:

 

ueditor的使用

 

自定义工具栏按钮;

 

首先打开ueditor.config.js 为toolbars添加 'mybtn';

 

 ueditor的使用

ueditor.all.js找到变量btncmds添加‘mybtn’ 

ueditor的使用 

最后在ueditor.all.js添加mybtn 命令执行代码:

 

ueditor的使用

以上就是对工具栏功能扩展的一个简单的例子;

 

ueditor的使用

 

自动抓取远程图片:

 

打开plugins/catchremoteimage.js设置catchRemoteImageEnabe:true;便开启自动抓取图片功能。

 

如果自定义图片上传方式那么修改以下参数:

 

ueditor的使用

 

把这里的url改成自定义的ashx文件地址即可。