tk挠痒痒网址发布页-秘密武器
历史搜索

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

游客2025-05-16 12:59:01
目录文章目录
  1. 如何使用 Ueditor
  2. 技术支持
  3. 项目地址
  4. 结束语

Neditor 是基于 Ueditor 的一款现代化界面的富文本编辑器,在百度富文本框 UEditor 的基础上进行了美化并扩展,样式更加美观,功能更加强大,本文将带你体验一下。先放一张截图:

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

技术支持

自定义的参数

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

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

配置项也可以通过 neditor.config.js 文件修改,具体的配置方法请看 [前端配置项说明]( 前端配置项说明.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 码云

Neditor github 地址

Ueditor 文档

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

结束语

百度的 UEditor 富文本编辑器很强大,但是奈何界面比不过现在很多编辑器,因此 NEditor 是一个非常值得尝试的选择,大家有能力的可以多支持支持开发者,可以选择一款适合自己项目的。

本文是由用户"游客"发布,所有内容的版权归原作者所有。没有经过书面许可,任何单位或个人不得以任何形式复制、转载、引用本网站的内容。否则将追究法律责任。

相关专题