整体上该整合过程分为三个步骤:
- 下载两个文件分别是 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>
路径写成自己的存放路径。
最后的效果如下: