百度UEditor 整合135编辑器到功能栏

整体上该整合过程分为三个步骤：

下载两个文件分别是 135editor.js 和 135EditorDialogPage.html 。
修改ueditor.config.js中toolbars项里增加一个135editor菜单项。
在自己的项目调用编辑器的网页里中增加一段CSS。

第一步：点击【下载】两个文件。
第二步：在toolbars中新增字段 ‘135editor’ ，表示添加135入口图标。

toolbars:[['bold','italic', 'underline', 'fontborder', 'strikethrough',  '135editor','rowspacingtop', 'rowspacingbottom', 'lineheight','removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc', '|','superscript', 'subscript' ]],

第三步：在编辑器页面引入css样式和 135editor.js 文件。

.explain_box::-webkit-scrollbar {display:none}/* 135编辑器的css样式 */.edui-button.edui-for-135editor .edui-button-wrap .edui-button-body .edui-icon{background-image: url("https://static.135editor.com/img/icons/editor-135-icon.png") !important;background-size: 85%;background-position: center;background-repeat: no-repeat;}

<script type="text/javascript"src="${contextPath}/static/xiumi/135editor.js"></script>

路径写成自己的存放路径。
最后的效果如下：

百度UEditor 整合135编辑器到功能栏相关推荐

java 百度副文本_spring boot 、springMVC环境集成百度ueditor富文本编辑器
spring-boot-mvc-ueditor-qiniu spring boot .springMVC环境集成百度ueditor富文本编辑器,使用七牛云存储图片依赖库版本: spring boot ...
php引入百度Ueditor富文本编辑器
php引入百度Ueditor富文本编辑器文本编辑器插件内容丰富,比起传统的textarea标签输入要好用很多,看看如何在页面实现引入吧 1.下载适合的资源包(可以去官网下载适合的版本),我是php引 ...
百度UEditor富文本编辑器去除自动追加span标签
#消息模板实时翻译 1.消息模板支持实时翻译,并且将消息模板中的主题.消息.短信.邮件修改为消息富文本编辑器,对主题和短信的富文本编辑器工具进行隐藏. 2.替换规则: 同步拼接编码和label, ...
phpeditor编写php_PHP如何搭建百度Ueditor富文本编辑器
本文为大家分享了PHP搭建百度Ueditor富文本编辑器的方法,供大家参考,具体内容如下下载UEditor 将下载好的文件解压到thinkphp项目中,本文是解压到PUBLIC目录下并改文件夹名称为 ...
135编辑器的html,百度编辑器整合135编辑器
该楼层疑似违规已被系统折叠隐藏此楼查看此楼附上 html文件 135编辑器外部编辑调用 html, body { padding: 0; margin: 0; } #editor135 { pos ...
django 与百度 ueditor 富文本编辑器集成
django 是基于 python 的一个很好的web开发框架.ueditor 是百度开源的一个富文本编辑器.有很好的用户体验,很适合中国人使用的一个编辑器. 在使用ueditor 之前,我集成过 f ...
ueditor html中使用方法,vue集成百度UEditor富文本编辑器使用教程
在前端开发的项目中,难免会遇到需要在页面上集成一个富文本编辑器.那么,如果你有这个需求,希望可以帮助到你. vue是前端开发者所追捧的框架,简单易上手,但是基于vue的富文本编辑器大多数太过于精简.于 ...
解决百度ueditor富文本编辑器不能插入视频的问题/src掉链/src清空，不能显示视频
如果你嫌弃自己配置比较麻烦,出现各种奇奇怪怪的问题你下载我这个文件加入到你的项中, 只需要修改项目名称就可以运行地址 https://download.csdn.net/d ...
【php】ThinkPHP搭建百度Ueditor富文本编辑器
简介 UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码. 下载UEditor 官网下载:http ...

百度UEditor 整合135编辑器到功能栏

百度UEditor 整合135编辑器到功能栏相关推荐

最新文章

热门文章