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

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

  1. 下载两个文件分别是 135editor.js 和 135EditorDialogPage.html 。
  2. 修改ueditor.config.js中toolbars项里增加一个135editor菜单项。
  3. 在自己的项目调用编辑器的网页里中增加一段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>

路径写成自己的存放路径。
最后的效果如下:
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

踏雪须眉

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值