一、背景
在资讯项目平台运营过程中,资讯需要排版,一般都是在135编辑器排好以后,复制到平台中UEditor编辑器中,所以,他们建议集成一下135哈
二、了解135编辑器
开始调研了解135编辑器,发现人家就支持集成哈,
官网集成链接地址,点击这里可以看到,其实很简单
三、Ueditor集成135编辑器
3.1、下载插件
下载135editor.js: 下载
将插件的文件下载到项目ueditor对应的目录里,并将135editor.js加载到自己的网页里(放在ueditor.all.min.js之后)
3.2、修改配置文件
在ueditor.config.js
中toolbars项里增加一个135editor菜单项,
3.3、增加CSS代码
在自己的项目调用编辑器的网页里中增加一段CSS
<style>
.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;
}
</style>
备注:
唤起135编辑器后,在编辑区域排版内容,点击右侧“完成编辑” 就会将所有内容自动返回到自己的编辑器里面。