1、下载及初始化实例
http://ueditor.baidu.com/website/download.html
开拓版为UEditor、mini版为UMeditor,Ubuilder为定制版,按照你的需求选择下载,下载完成后解压把文件放到项目任意位置,在须要富文本编辑器的页面引入ueditor.config.js(配置文件)、ueditor.all.js(编辑器源码文件)、zh-cn.js(中文措辞,不必须它会自动加载)三个文件。
然后在body中创建一个加载编辑器的容器,不一定用script可以是其他元素,如textarea等。
末了运行如下脚本,刷新页面一个大略的demo就初始化完成了。
UMeditor初始化基本类似,效果如下,功能少了很多,但是也更加简介,利用更顺畅。
2、功能展示
⑴自定义工具栏
配置toolbars属性自定义工具栏,利用我们须要的功能,不配置则利用ueditor.config.js文件中默认的,完全的按钮列表请前往http://fex.baidu.com/ueditor/#start-toolbar查看。
⑵设置和获取编辑器内容
⑶自定义字体
⑷自定义字号
⑸自定义段落
⑹间距
⑺右键功能
⑻启用禁用
⑼word表格粘贴
⑽上传配置
内置的上传地址,建议自己写,利用内置上传,配置文件在jsp/config.json文件中。
⑾快捷键
⑿数学公式
API文档:
http://fex.baidu.com/ueditor/
github地址:
https://github.com/fex-team/ueditor
ueditor功能非常多,配置方面除了以上的,还有主题、自动保存、tab按键配置、纯文本粘贴过滤等配置;功能有文件、视频、音频、图像等上传、模板利用、表格创建编辑等富文本编辑器根本功能。
有哪里写得不好的地方请大家提出来,请轻喷,感激。 同时有什么与编程干系的好东西可以保举给我,再次感谢!