ueditor集成秀米编辑器
一、背景
因为业务需求,后端管理平台的富文本编辑器需要使用秀米插件。这不就跟集成135的需求一样嘛。集成135编辑器的参考文档哈,点击这里。
去秀米一顿了解,发现真好,人家文档写的很详细,点击查看:秀米插件的官方文档链接
二、集成秀米编辑器流程
2.1、新增秀米插件的按钮,显示在我们的富文本编辑器上
- 第一步:下载4个文件
点击下载:xiumi-ue-dialog-v5.js
点击下载:xiumi-ue-v5.css
点击下载:xiumi-ue-dialog-v5.html
点击下载:internal.js
根据文档上的,让引入这两个文件,下载后打开看,其实这两个文件很简单,管理后台用的是Dcat框架,所以我打算把这两个问题直接放在编辑器带有的css和js文件中,因为文档强调了js文件要放在ueditor.all.js
后边。
xiumi-ue-v5.css
文件内容如下,只有几行,实际上就是给我们新增按钮的样式定义而已,所以从哪里引入无所谓,只要引进去就行,所以我直接放在ueditor.css
文件中了(记住一定要强刷浏览器,让样式文件生效):
.edui-button.edui-for-xiumi-connect .edui-button