Ueditor是百度开发的一款免费使用的富文本编辑器。
先前就一直使用Ueditor,觉得功能挺多的,而且还给出了详细的文档,供二次开发。
但Ueditor已经出新的版本(和先前版本很不相同),网上很多的教程还都是旧的。使得在开发时,老被误导。
引用Ueditor
引入js文件
配置ueditor富文本编辑器所在位置
在ueditor.config.js文件中,有一个变量URL
var URL = window.UEDITOR_HOME_URL || getUEBasePath();
建议修改成Ueditor所在目录,很多时候,是因为这个URL配置的问题,使得Ueditor加载失败。
配置工具栏(全文搜索以下关键字)
toolbars:
删除或修改相应单词位置,就可修改工具栏。
当然也可以在初始化页面中,自定义工具栏的工具。
serverUrl:
服务器统一请求接口路径
Ueditor有相应的php文件提供文件上传接口,但是对于网站来说,这是不安全的。建议网站开发者,根据这里的配置,自行修改上传接口。
elementPathEnabled:
显示元素路径,默认是显示
将这里的配置打开,改为false,就可以去除富文本编辑器底部的元素路径
一般编辑器是不会出现“文字统计”,但在Ueditor中出现了这个,而且还不能通过配置去除。那么只能通过控制css文件来实现了。直接 //^_^
Ueditor二次开发
首先添加按钮
在ueditor.config.js的toolbars添加工具命名,再添加中文注释
如:
上面的例子将选中区域文字加粗