• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏ITPCB吧

Neditor百度开源的一款现代化界面的富文本编辑器!

开源项目 一叶知秋 2周前 (06-29) 44次浏览 0个评论

Neditor是基于Ueditor的一款现代化界面的富文本编辑器。

安装

第一步:下载编辑器

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

方式二: npm安装

npm i @notadd/neditor -S

方式三:编译安装

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

第二步:在浏览器打开 index.html

进入到目录 dist , 使用浏览器打开文件 index.html

如果看到了下面这样的编辑器,恭喜你,初次部署成功!

技术支持

自定义的参数

编辑器有很多可自定义的参数项,在实例化的时候可以传入给编辑器:

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

配置项也可以通过 neditor.config.js 文件修改,具体的配置方法请看 [前端配置项说明](http://fex.baidu.com/ueditor/#start-config1.4 前端配置项说明.md)、后端配置项说明

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

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

设置和读取编辑器的内容

通 getContent 和 setContent 方法可以设置和读取编辑器的内容

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

Ueditor 的更多API请看API 文档

项目地址

Neditor 码云: http://gitee.com/notadd/neditor

Neditor github 地址:http://github.com/notadd/neditor

Ueditor 文档:http://fex.baidu.com/ueditor/

注: 对IE8以下版本不再承诺兼容


ITPCB版权所有 , 如未注明 , 均为原创 , 本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:http://www.itpcb.com/a/0630140.html
喜欢 (2)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址