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