百度编辑器（UEditor）工具栏扩展秀米的编辑器工具

在百度编辑器（UEditor）工具栏加一个秀米的编辑器工具，让百度编辑器变得更灵活方便。轻轻松松做出H5页面布局。参考网络其它人写的内容整理做个记录。

可参考官方DEMO及说明：秀米图文排版UEditor插件示例

主要项：

关闭了多余的功能项，主要针对手机端内容编辑；
原来很Low的图标替换了（这是抄别人的）；
增加秀米插件，内容编辑真是方便啊，如果有秀米vip的就更好使了；
增加手机端预览功能，方便检查内容；
关闭了本地保存成功的提示，仅关闭了提示。
与egg-ueditor完美结合。

效果图：

使用方法：

在页面引用。例如：福地

<!DOCTYPE html>
<html>
<head>
<script src="/public/ueditor/ueditor.config.js"></script>
<script src="/public/ueditor/ueditor.all.js"></script>
<script src="/public/ueditor/xiumi-ue-dialog-v5.js"></script>
<link rel="stylesheet" href="/public/ueditor/xiumi-ue-v5.css"></head><body><h1>编辑器示例</h1><div id="content"></div><script type="application/javascript">let ueditor_config = {serverUrl: "/ueditor?_csrf={{ ctx.csrf | safe }}",initialFrameWidth: 700,initialFrameHeight: 320,autoHeightEnabled: false};var ue = UE.getEditor('content',ueditor_config);</script></body>
</html>

详细使用见ueditor官方文档

遇到的问题解决：

1、秀米编辑器上传的图片到百度编辑器里会被放大很多倍
解决方法找到这个文件。

加上这段代码，清理浏览器缓存后重试

/*可以在这里添加你自己的css*/img {max-width: 100%;}body {overflow-y: scroll !important;}.view {word-break: break-all;}.vote_area {display: block;}.vote_iframe {background-color: transparent;border: 0 none;height: 100%;}#edui1_imagescale{display:none !important;} /*去除点击图片后出现的拉伸边框*/

2、微信浏览器里的图片不显示
秀米编辑器防外链，需要后台存一下再返回。

百度编辑器（UEditor）工具栏扩展秀米的编辑器工具相关推荐

vue项目百度ueditor编辑器集成135和秀米，主题图标美化
目录前言效果预览教程 1. 首先下载主题美化插件 2. 接入135编辑器 3. 接入秀米编辑器 4. 组件封装 5. main.js引入样式和js文件 6. 页面使用完成! 前言本文介绍vu ...
vue-cli3结合ueditor里使用秀米总结
第一步:安装vue-ueditor-wrap:npm i vue-ueditor-wrap 第二步:从ueditor官网下载资源放在public/static下,如图: 第三步:从秀米官网下载资源放在 ...
百度编辑器ueditor工具栏
http://www.mamicode.com/info-detail-1710907.html
asp.net 百度编辑器 UEditor 上传图片图片上传配置编辑器配置网络连接错误，请检查配置后重试...
1.配置ueditor/editor_config.js文件,将 //图片上传配置区,imageUrl:URL+"net/imageUp.ashx" //图片上传提交地址,imag ...
秀米怎么添加附件，135编辑器如何添加附件（如Word、Excel、PPT、PDF等）
公众号是信息发布的窗口,公众号文章的排版优秀与否,直接影响文章的质量和阅读数,所以公众号文章编辑器的选择是一件重要的事情.公众号诞生到现在,出现了一大批优秀的第三方编辑器,秀米和135编辑器就是其中较 ...
Vue+UEditor+秀米
一.下载Ueditor相关静态文件存放位置去Ueditor官网下载相关资源(本文下载的1.4.3.3版本): 下载之后,把资源放到 /static/ueditor/ 目录下.文档结构如下: ![在这 ...
ueditor 集成秀米背景图片不显示的问题
百度的富文本集成秀米的时候遇到一个大坑,就是远程抓取图片本地化抓取不到背景图片.原因是秀米的背景用的是<section>,而不是<img>,百度抓取不到.查了很多资料也没 ...
vue使用vue-ueditor-wrap集成秀米
vue通过UEditor集成秀米接入Ueditor vue-ueditor-wrap 接入秀米接入Ueditor UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量, ...
秀米的对话框格子可以变大吗_秀米怎么制作微信滑动照片呢?方法/步骤
秀米怎么制作微信滑动照片呢?方法/步骤很在微信里面发布图文信息往往涉及排版编辑,而微信文章编辑利器一定就是秀米了,秀米怎么制作滑动照片呢?这个技巧可能掌握的人并不多,一起来看看教程吧! 方法/步骤 ...
用秀米给公众号排版，如何在公众号图文中添加Excel表格
很多做运营的小伙伴都习惯使用秀米给公众号图文做排版,相较于公众号自家的编辑器,秀米为运营小伙伴们提供了更丰富的排版案例,但由于缺乏微信环境的支持,秀米编辑器部分功能在使用上还是不够自家编辑器方便的,比 ...

百度编辑器（UEditor）工具栏扩展秀米的编辑器工具

主要项：

使用方法：

遇到的问题解决：

百度编辑器（UEditor）工具栏扩展秀米的编辑器工具相关推荐

最新文章

热门文章