介绍

  Neditor是基于Ueditor的一款现代化界面的富文本编辑器,在百度富文本框UEditor的基础上进行了美化并扩充,样式愈发美观,功能愈发强悍typecho 富文本编辑器,本文将带你感受一下。先放一张截图:

  相关地址使用方法

  方式一:完整安装包 (推荐)

  推荐直接至对应码云库房或则Github库房下载

  方式二: npm安装

  npm i @notadd/neditor -S

  方式三:编译安装

  <pre>git clone https://github.com/notadd/neditor.git
npm install
npm run build
</pre>

  无需服务端配置即可感受,下面是我本地打开全屏的效果图,初步布署成功

  其它版本

  Angular:

  Vue:(第三方维护)

  参数配置

  参数的详细配置可以参考官网api,实例化的时侯配置就行了

  <pre>var ue = UE.getEditor('container', {
autoHeight: false
});
</pre>

  配置项也可以通过 neditor.config.js 文件更改,具体的参考官网文档以及相关后台配置说明

  编辑器图片、视频、涂鸦、附件上传service

  编辑器上传逻辑单独在 neditor.service.js 文件配置,具体的配置方式见注释

  设置跟调用编辑器的内容

  通 getContent 和 setContent 方法可以设置跟调用编辑器的内容

  <pre>var ue = UE.getContent();
ue.ready(function(){
//设置编辑器的内容
ue.setContent('hello');
//获取html内容,返回: <p>hello

var html = ue.getContent();
//获取纯文本内容,返回: hello
var txt = ue.getContentTxt();
});
</pre></p>
  因为是基于Ueditor开发的,所以更多的配置项可以参考UEditor的配置,值得留意的是IE8以下版本不承诺支持。

  类似的选择

  富文本编辑器比较多,如下两个也常用,可能没有UEditor这么强悍,但是够用就行了

  wangEditor:

  Simditor:

  总结

  百度的UEditor富文本编辑器太强悍,但是怎奈界面比不过今天这些编辑器,因此NEditor是一个特别值得尝试的选择,大家有能力的可以多支持支持开发者typecho 富文本编辑器,可以选择一款适宜自己项目的。

最后修改:2020 年 12 月 15 日 01 : 35 PM
如果觉得我的文章对你有用,请随意赞赏