edui 富文本编辑_ueditor集成秀米编辑器

由于工作需求富文本编辑器中要用到秀米插件

找了官方和一些博客介绍的都不太全，于是自己整理了一下

首先在官方下载所需文件并放到ueditor的dialogs目录下如下图

其次在xiumi-ue-dialog-v5.js中将iframeUrl配置为: editor.ui.UEDITOR_HOME_URL+ 'dialogs/xiumi-ue-dialog-v5.html'

最后再在页面中引入xiumi-ue-v5.css以及xiumi-ue-dialog-v5.js(放于ueditor的js文件之后)

找到themes/default/ueditor.css(或者themes/default/css/ueditor.css)文件，增加一条样式定义:

文件中可搜索.edui-icon找到，添加下面一条

实例

.edui-default .edui-for-xiumi-connect .edui-icon {

background-image: url(http://xiumi.us/connect/ue/xiumi-connect-icon.png)!important ;

background-repeat:no-repeat ;

background-position:center;

}

运行实例 »

点击 "运行实例" 按钮查看在线实例

这样在ueditor工具栏就可以看到秀米的图标了

本以为这样就大功告成了没想到在秀米中编辑完内容的样式并没有跟过来，于是在Chrome浏览器中调试发现section失去样式，最后在ueditor的配置文件中找到section添加class以及style如下图

最后效果

edui 富文本编辑_ueditor集成秀米编辑器相关推荐

秀米编辑器（xiumi）+百度编辑器（Ueditor）集成：解决集成问题，秀米编辑器导出到百度编辑器格式问题，图片保存到自己的服务器（阿里云OSS）
1.集成前提条件: 1. 需要集成百度编辑器到环境中 2.https环境下才可以导出数据到百度编辑器,如果不是https环境,会出现错误然后我们开始讲解如何集成: 2.引入资源: //百度编辑器需要 ...
vue-cli 使用ueditor集成秀米富文本
前言要做一个公众号文本和官网文章的同步操作公司准备集成秀米富文本一.准备工作进入秀米官网 (https://r.xiumi.us/board/v5/2a5va/16516964) 根据文章提示下 ...
vue使用vue-ueditor-wrap集成秀米
vue通过UEditor集成秀米接入Ueditor vue-ueditor-wrap 接入秀米接入Ueditor UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量, ...
ueditor（vue-ueditor-wrap）集成秀米全过程以及遇到的问题
1.ueditor(vue-ueditor-wrap)集成秀米踩坑记录链接如下: https://www.jianshu.com/p/af5e935ea506 第一选择肯定是打开ueditor官网地 ...
ueditor 集成秀米背景图片不显示的问题
百度的富文本集成秀米的时候遇到一个大坑,就是远程抓取图片本地化抓取不到背景图片.原因是秀米的背景用的是<section>,而不是<img>,百度抓取不到.查了很多资料也没 ...
react-ueditor-xiumi,秀米编辑器首次加载图片上传，视频上传无法使用问题
在项目中引入秀米编辑器出现了首次加载图片上传和视频上传无法使用的问题问题情况: 正常情况: 这种情况仅存在于首次加载,控制台查看元素样式,发现编辑器每次展示和隐藏,元素的id是增加的,也就是说每次隐 ...
edui 富文本编辑_终于我还是输给了免费富文本编辑器
前因后果考虑给百度编辑器开发的一个二次插件,等下会进行说明如何使用改源码的方式开发二次插件后端增加接口,接受word文档,转为html返回前台,前台再根据html内容对于富文本编辑框继续赋值和一些 ...
edui 富文本编辑_富文本编辑器wangEditor添加本地上传视频功能
最近做一个考试系统,编辑题目要用到富文本编辑,要求可以添加图片.视频和pdf.此前项目中用的都是wangEditor,使用的时候发现只可以上传本地图片,视频只能添加链接,找了其他插件,也没发现比较好用 ...
Neditor集成秀米
首先去秀米官网下载需要的四个文件,这里做的下载用户体验非常坏死,只有一个HTML文件可以直接下载,剩下的需要访问只能在浏览器中打开,而且还有乱码,那么这里涉及到一个浏览器转码首先用火狐浏览器访问文件 ...
edui 富文本编辑_改造百度UMeditor(UEditor-min)富文本编辑器的图片上传功能
最近项目需要新增一个发布文章的模块,用的是百度的Ueditor富文本编辑器. 公司用的是阿里云的图片服务器,需要直接把文章中图片上传到服务器上,但是这个编辑器的上传图片是直接上传到Tomcat的根目录 ...

edui 富文本编辑_ueditor集成秀米编辑器

edui 富文本编辑_ueditor集成秀米编辑器相关推荐

最新文章

热门文章