开源中国

我们不支持 IE 10 及以下版本浏览器

It appears you’re using an unsupported browser

为了获得更好的浏览体验,我们强烈建议您使用较新版本的 Chrome、 Firefox、 Safari 等,或者升级到最新版本的IE浏览器。 如果您使用的是 IE 11 或以上版本,请关闭“兼容性视图”。
Neditor首页、文档和下载 - 基于 Ueditor 的现代化富文本编辑器 - 开源中国社区
全部项目分类
MIT
JavaScript 查看源码»
跨平台
左华栋
分享
收藏
457 人收藏
收录时间:2017-05-27
Neditor 详细介绍

Neditor

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

为什么好的网页编辑器这么难做?

可能很多人都有不少经历,用网页编辑器,明明自己想要的是这样的效果,比如加粗、换行,但实际发出来的文章格式是错的,怎么改也改不过来。从word里面粘贴进来的文字,格式都变了。

编辑器本身复杂性

举个例子,“这样一句话”,对其中“一句话”进行加粗:

这样一句话
然后对“这样一句”进行斜体
这样**一句
然后对“样一句”加粗
*这
一句*话**

这时候,你想整体再取消加粗,上各种颜色,再取消等等操作,很多编辑器多多少少都会出问题了。
因为 html 代码里早都乱成一锅粥了,如下:

<em>这<strong>样</strong>一句<strong></strong></em><strong>话</strong> <br>

github上多达4W多个跟编辑器有关的项目

不同场景的需求

比如论坛,隐藏帖、出售帖、回复可见。
不同场景下就有不同需求,这就很难处理了

从word复制

好不容易把这些问题解决了,要知道,word 文档格式跟网页所用的html代码可完全不是一回事,有的人甚至把表格直接给你粘贴过来,这怎么处理?

图片问题

还有问题就是,网页编辑器是在线编辑,从 word 文档里复制来的图片是本地的,得考虑图片怎么粘上去。
或者是从别的地方粘贴过来,加了防盗链怎么办?

所以,所有这些问题都注定网页编辑器不好做,淘宝做的编辑器 KISSY Editor 况且还有诸多问题,何况我们这些人呢

Ueditor 为什么这么好用?

百度前端团队做了许多努力,现在 Ueditor 是公认最好用的中文富文本编辑器。

ueditor编辑器图

光看这自动化程度就知道有多复杂了,但是随着时间的推移,大家感觉百度编辑器并不是那么漂亮。于是我们对 Ueditor 进行修改,有了现在的 Neditor 。

Neditor 做了哪些改进?

  • 整体图标更换为SVG

  • 第一版图标对所有图标进行了重绘

  • 补充和增加图标后又补充了一些图标

对其中图标放大,SVG即使完全放大也不会失真(矢量图),便于使用在各种场景下。

在渲染速度上,几乎跟普通png没有什么差别,我们将所有SVG图标合成在一起,这样只需要加载一次即可。并且完全兼容旧浏览器。(IE8以上)

整体样式的改进

细节图,我们对每一处细节都做了改进,不论是弹窗还是右键菜单。

得益于我们对开源的热爱,这一切,您都可以免费使用。

项目地址:

Oschinahttps://git.oschina.net/notadd/neditor
Github: https://github.com/notadd/neditor

Neditor

选择将代码托管在码云
你还在等什么

可能是中国最大最好的代码托管平台


大家对 Neditor 的评论 (全部 45 条评论)
{{repayCom.userName}}
Rudy
没看明白那里好了,怎么看也就是换了一套皮肤
whw555
谷歌浏览器点击上传图片会出现卡顿现象,大概3-5秒后才弹出文件选择框
QiuFW
还是有不少bug,demo在上传图片后,下滚会出现很大一块空白
光的笔记
的确比原版漂亮,喜欢!
飞翔1000
飞翔1000VPN 高速翻墙,Youtube、Facebook、Twitter、Tumbl、google搜索等等,限时免费领取试用帐号,官网:http://t.cn/RKiZmbK
顶部