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

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

产品本身已经有使用百度的富文本编辑器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.com/s/1k_nx6Hm67GNJecaujDre2g 提取码: wr99

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

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

官方其实这三步完成后UEditor已经基本完成了。但是我操作完成后偏偏就不行！无法登录！秀米编辑器编辑好的图文点了秀米页面顶部的“对勾”按钮后保存回来的样式却乱了，试了该文的解决方案：https://www.cnblogs.com/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证书后就可以啦！

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

秀米图文排版UEditor插件示例新增自定义按钮没有显示以及与neditor的适配
这是秀米插件的官方文档示例链接因为业务需求,我们后端的CMS里的富文本编辑器需要使用秀米插件,因为我们使用的是vue,便使用了neditor(这是用vue对ueditor的一个封装). 我们先来解释 ...
秀米的对话框格子可以变大吗_更新丨秀米图文可以一键兼容多格式发布到其他平台了！...
原标题:更新丨秀米图文可以一键兼容多格式发布到其他平台了! 亲爱的编辑小伙伴们~用了秀米这么长时间,想必大家都不满足只在微信里发布图文,其他平台也要能发布能支持秀米模板的图文.秀米技术小葛格说要满足大 ...
秀米怎么添加附件，135编辑器如何添加附件（如Word、Excel、PPT、PDF等）
公众号是信息发布的窗口,公众号文章的排版优秀与否,直接影响文章的质量和阅读数,所以公众号文章编辑器的选择是一件重要的事情.公众号诞生到现在,出现了一大批优秀的第三方编辑器,秀米和135编辑器就是其中较 ...
用秀米给公众号排版，如何在公众号图文中添加Excel表格
很多做运营的小伙伴都习惯使用秀米给公众号图文做排版,相较于公众号自家的编辑器,秀米为运营小伙伴们提供了更丰富的排版案例,但由于缺乏微信环境的支持,秀米编辑器部分功能在使用上还是不够自家编辑器方便的,比 ...
vue+vue-ueditor-wrap+秀米
我们的项目中使用的是ueditor+秀米的富文本编辑器,github上的大神做了一个基于vue的ueditor的组件,能够实现双向数据绑定,可以不用费劲的getContent.setContent.就 ...
Vue+UEditor+秀米
一.下载Ueditor相关静态文件存放位置去Ueditor官网下载相关资源(本文下载的1.4.3.3版本): 下载之后,把资源放到 /static/ueditor/ 目录下.文档结构如下: ![在这 ...
html5 canvas图文编辑器源码_5个微信编辑器，再也不用为公众号发愁啦
1.秀米编辑器秀米图文排版:原创模板素材,精选风格排版,独一无二的排版方式,设计出只属于你的图文.秀米H5秀制作:丰富的页面模板,独有的秀米组件,无论是多页场景H5,还是长页图文H5,都能让你快速制 ...
vue-cli 使用ueditor集成秀米富文本
前言要做一个公众号文本和官网文章的同步操作公司准备集成秀米富文本一.准备工作进入秀米官网 (https://r.xiumi.us/board/v5/2a5va/16516964) 根据文章提示下 ...
将秀米的文章在自己的平台群发给微信用户（将第三方图文上传到微信服务器并且保存到自己服务）...
上一篇讲了将秀米接入到后台(http://www.cnblogs.com/gogood/p/6293022.html),但是功能还远远没有完成:因为我们要将秀米的文章在自己的平台群发到微信微信公共号里 ...
微信开发之使用第三方图文编辑器
一.比较好用的第三方图文编辑器 i排版秀米排版二.主题色的确定公众号图标或者logo的颜色: 推文的色彩(喜庆的或忧伤的-): 切记颜色太杂. 三.结构的确定标题: 多个标题最好进行编号: 同 ...

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

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

最新文章

热门文章