ueditor的使用

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

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

 

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

 

首先要引入编辑器

调整工具栏：

 

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

 

 

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

 

 

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

 

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

 

 

自定义工具栏按钮；

 

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

 

 

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

 

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

 

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

 

 

自动抓取远程图片：

 

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

 

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

 

 

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