Neditor 基于Ueditor的现代化编辑器

learn_shifeng 发布于2019-08-29 12:40 / 2309人阅读

摘要：富文本编辑器介绍是我们团队基于的一款富文本编辑器。不论从功能还是从其它各方面来讲，都是一款无以替代的编辑器产品。

Neditor富文本编辑器介绍

Neditor 是我们团队基于 Ueditor 的一款富文本编辑器。
不论从功能还是从其它各方面来讲， Ueditor 都是一款无以替代的编辑器产品。
只是已经不符合现代化样式的需求，于是我们修改它的样式，实现了这样的效果：

Demo: https://demo.neditor.notadd.com/

入门部署和体验 第一步：下载编辑器

下载 Neditor 最新版

或从源码编译：

git clone 仓库地址
npm install
grunt notadd

第二步：创建 demo 文件

解压下载的包，在解压后的目录创建 demo.html 文件，填入下面的 html 代码




    
    ueditor demo

第三步：在浏览器打开demo.html

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

自定义的参数

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

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

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

设置和读取编辑器的内容

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

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

Ueditor 的更多API请看API 文档

相关链接

Ueditor 官网：http://ueditor.baidu.com

Ueditor API 文档：http://ueditor.baidu.com/doc

Ueditor github 地址：http://github.com/fex-team/ueditor

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

详细文档

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

联系我们

QQ 群： 321735506
issue：github issue

捐赠

混合云超融合服务器 ueditor编辑器百度编辑器ueditor UEditor编辑Bug Neditor

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/112064.html

Neditor 基于Ueditor的现代化编辑器

摘要：富文本编辑器介绍是我们团队基于的一款富文本编辑器。不论从功能还是从其它各方面来讲，都是一款无以替代的编辑器产品。 Neditor富文本编辑器介绍 Neditor 是我们团队基于 Ueditor 的一款富文本编辑器。不论从功能还是从其它各方面来讲， Ueditor 都是一款无以替代的编辑器产品。只是已经不符合现代化样式的需求，于是我们修改它的样式，实现了这样的效果： showImg(ht...

KoreyLee 2019-08-20 16:51 评论0 收藏0
Neditor 1.4.4 正式版发布，基于Ueditor 的现代化富文本编辑器

摘要：正式版发布，更新如下重绘了的所有图标合并的更新增补了之前缺少的图片优化了下的渲染码云地址地址是我们团队基于的一款富文本编辑器。不论从功能还是从其它各方面来讲，都是一款无以替代的编辑器产品。 Neditor 1.4.4 正式版发布，更新如下：重绘了ueditor 的所有图标合并ueditor 1.4.3的更新增补了之前缺少的SVG图片优化了chrome下的SVG渲染码云地址...

suosuopuo 2019-08-29 12:40 评论0 收藏0
Neditor 1.4.4 正式版发布，基于Ueditor 的现代化富文本编辑器

摘要：正式版发布，更新如下重绘了的所有图标合并的更新增补了之前缺少的图片优化了下的渲染码云地址地址是我们团队基于的一款富文本编辑器。不论从功能还是从其它各方面来讲，都是一款无以替代的编辑器产品。 Neditor 1.4.4 正式版发布，更新如下：重绘了ueditor 的所有图标合并ueditor 1.4.3的更新增补了之前缺少的SVG图片优化了chrome下的SVG渲染码云地址...

ephererid 2019-08-20 16:51 评论0 收藏0
在vue中创建多个ueditor实例

摘要：简介在中创建多个实例我使用其实就是把样式美化了下其他和几乎一样截图源码地址说明下载或源码拷贝到目录下面然后修改配置文件在项目的添加引用新建个页面。简介在vue中创建多个ueditor实例,我使用neditor,其实就是把ueditor样式美化了下,其他和ueditor几乎一样截图 showImg(https://segmentfault.com/img/bVYsl5?w=1353...

Honwhy 2019-08-21 17:37 评论0 收藏0
在vue中创建多个ueditor实例

摘要：简介在中创建多个实例我使用其实就是把样式美化了下其他和几乎一样截图源码地址说明下载或源码拷贝到目录下面然后修改配置文件在项目的添加引用新建个页面。简介在vue中创建多个ueditor实例,我使用neditor,其实就是把ueditor样式美化了下,其他和ueditor几乎一样截图 showImg(https://segmentfault.com/img/bVYsl5?w=1353...

dailybird 2019-08-22 13:51 评论0 收藏0