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

版权声明:版权所有,未经允许不得转载,联系QQ:573391755 https://blog.csdn.net/kunoy/article/details/85243574

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官方文档

非常感谢您的支持

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

猜你喜欢

转载自blog.csdn.net/kunoy/article/details/85243574
今日推荐