优化百度ueditor编辑器,增加秀米插件、手机端预览等功能,与egg-ueditor完美结合

ueditor

优化百度ueditor编辑器,增加秀米插件、手机端预览等功能,与egg-ueditor完美结合
源码地址:https://github.com/inmyjs/ueditor

主要优化项

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

效果图:



使用方法

  1. 下载源码,放至静态资源目录
  2. 在页面引用
<!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>
  1. 详细使用见ueditor官方文档

非常感谢您的支持

撸码不易,如果对你有所帮助,欢迎您的赞赏!微信赞赏码:

  • 5
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 12
    评论
评论 12
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值