首页
/ 【亲测免费】 Neditor 富文本编辑器使用教程

【亲测免费】 Neditor 富文本编辑器使用教程

2026-01-17 09:21:30作者:胡唯隽

项目介绍

Neditor 是一个基于 Ueditor 的现代化富文本编辑器,支持 HTTPS,旨在提供更好的编辑体验和功能。该项目是开源的,遵循 MIT 协议,允许任何组织、企业和个人免费使用。Neditor 提供了丰富的自定义选项和扩展功能,适用于各种网络编辑需求。

项目快速启动

安装 Neditor

你可以通过以下几种方式安装 Neditor:

方式一:完整安装包

tar xzvf Neditor.tar.gz

方式二:npm 安装

npm install @notadd/neditor -S

方式三:编译安装

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

启动 Neditor

安装完成后,在浏览器中打开 dist 目录下的 index.html 文件,如果看到编辑器界面,则表示初次部署成功。

应用案例和最佳实践

自定义配置

Neditor 提供了丰富的配置选项,可以在实例化时传入:

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

配置项也可以通过 neditor.config.js 文件修改,具体的配置方法请参考前端配置项说明

上传服务配置

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

典型生态项目

Angular 版 Neditor

基于 Neditor 的 Angular 组件,提供了更现代化的富文本编辑体验。

Vue 版 Neditor

由第三方维护的 Vue 版 Neditor,适用于 Vue 项目。

Rails 版 Neditor

由第三方维护的 Rails 版 Neditor,适用于 Rails 项目。

这些生态项目扩展了 Neditor 的应用范围,使其能够更好地融入不同的开发环境和框架中。

登录后查看全文
热门项目推荐
相关项目推荐