资讯专栏INFORMATION COLUMN

Neditor 基于Ueditor的现代化编辑器

learn_shifeng / 2422人阅读

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

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

捐赠

捐赠

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

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

相关文章

  • Neditor 基于Ueditor代化辑器

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

    KoreyLee 评论0 收藏0
  • Neditor 1.4.4 正式版发布,基于Ueditor 代化富文本辑器

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

    suosuopuo 评论0 收藏0
  • Neditor 1.4.4 正式版发布,基于Ueditor 代化富文本辑器

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

    ephererid 评论0 收藏0
  • 在vue中创建多个ueditor实例

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

    Honwhy 评论0 收藏0
  • 在vue中创建多个ueditor实例

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

    dailybird 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<