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 命令执行代码:

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

2.png

自动抓取远程图片:

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

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

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

猜你喜欢

转载自blog.csdn.net/hugejihu9/article/details/83506191