介绍

  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 富文本编辑器，可以选择一款适宜自己项目的。