第三方对接秀米图文编辑器遇到的坑

应产品需求，需要对接秀米图文编辑器。

产品本身已经有使用百度的富文本编辑器UEditor（v1.4.3）。所以直接采用秀米官方的文档进行对接。

UEditor是由百度研发的所见即所得富文本web编辑器，如果你对UEditor还不太了解， 请移步 UEditor的首页。 

 

第一步：下载文件 xiumi-ue-dialog-v5.js和 xiumi-ue-v5.css后，在你的代码里面引用。如：

<!--根据自己的存放位置引入文件-->
<script type="text/javascript" charset="utf-8" src="/xiumi/xiumi-ue-dialog-v5.js"></script>
<link rel="stylesheet" href="/plugins/xiumi/xiumi-ue-v5.css">

 

第二步：下载文件 xiumi-ue-dialog-v5.html和 internal.js，将其放置于你的UEditor网页的目录内，见下图。

如果你将其放置于其他目录，请修改 xiumi-ue-dialog-v5.js中相应的内容:

iframeUrl: 'xiumi-ue-dialog-v5.html', //将此处的值改为实际的文件路径

如不知道在哪下载的可直接在这下载： https://pan.baidu/s/1k_nx6Hm67GNJecaujDre2g 提取码: wr99

 

第三步：修改UEditor的配置（ueditor.config.js），将其中的“xxs过滤白名单”加上，否则UEditor会修改秀米插入内容中的section格式信息，造成排版错误。

//应该在412行
section:['class', 'style'],

官方其实这三步完成后UEditor已经基本完成了。但是我操作完成后偏偏就不行！无法登录！秀米编辑器编辑好的图文点了秀米页面顶部的“对勾”按钮后保存回来的样式却乱了，试了该文的解决方案：https://wwwblogs/gogood/p/6293022.html 在于是更改ueditor.config.js 中 403行的img代码 添加上style。

添加完如下：
img: ['src', 'alt', 'title', 'width', 'height', 'id', '_src', 'loadingclass', 'class', 'data-latex', 'style']

还是不行！报错信息入下：

 

最后发邮件给秀米官方寻求解决方案是需要用https接入！！！ 用https接入！！！ 用https接入！！！

再然后申请https证书后就可以啦！