页面特效 UI组件库 菜单导航 窗口特效 幻灯片滑动 图像相册 表单 选项卡 表格 评分星级 手风琴 文本链接 布局 日历 颜色选择器 按钮 图表 html5 提示 ExtJS 在线客服 其他特效 地图 树形控件 移动开发 BootStrap 滑动条 文件上传 表单验证 分页 播放器 Angular VUE

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

表单 HTML我帮您 11天前  次浏览

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

基于Ueditor的一款现代化界面的Neditor

第一步:下载编辑器

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

方式二: npm安装

npm i @notadd/neditor -S

方式三:编译安装

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

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

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

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

部署成功

相关版本

Angular 版 Neditor

Vue 版 Neditor 【第三方维护】

Rails 版 Neditor 【第三方维护】

技术支持

该项目基于 MIT 协议开源,任何组织/企业以及个人都可以免费使用(保留版权)。
如果您需要额外商业技术支持或者定制编辑器,请联系 QQ:1256985886

其他版本待添加

自定义的参数

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

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 文档



相关链接

发表评论