Neditor 基于 Ueditor 的现代化编辑器

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

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

  • 编辑器本身复杂性

举个例子,“这样一句话” 对其中“一句话”进行加粗:
这样一句话
然后对“这样一句”进行斜体
_这样一句_话
然后对“样一句”加粗
*这一句*

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

<figure class="highlight plain"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line"><em>这<strong>样</strong>一句<strong></strong></em><strong>话</strong> <br></div></pre></td></tr></table></figure>

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

  • 不同场景的需求

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

  • 从word复制

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

  • 图片问题

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

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

Ueditor 为什么这么好用?

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

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

Neditor 做了哪些改进?

  • 整体图标更换为SVG
    第一版图标
    对所有图标进行了重绘
    补充和增加图标
    后又补充了一些图标
    对其中图标放大
    SVG即使完全放大也不会失真(矢量图),便于使用在各种场景下。

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

  • 整体样式的改进

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

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

`此项目将由Notadd开发团队维护

项目地址:

Oschina: https://git.oschina.net/notadd/neditor
Githubhttps://github.com/notadd/neditor

本帖已被设为精华帖!
本帖由系统于 6年前 自动加精
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
讨论数量: 11

修改过后的版本确实很好看。

6年前 评论
风吹枫落

感觉Ueditor最大的问题就是界面样式不适应现在的审美了,修改后好多了

6年前 评论

请问下你们是具体怎么做的 直接修改css文件的吗

6年前 评论

@我是谁 CSS 和JS(为了兼容SVG)也有修改

6年前 评论
leo

发现一个问题,git仓库里把ueditor作者的commit信息全部抹去了,这个做法有点不合适

6年前 评论

@leo 不是有意抹去的,当时是本来是打算内部使用,所以直接下载的zip包,然后部署的私有项目,后来才公开的

6年前 评论

@leo ueditor 是 MIT协议,在相关说明中我们也标注了 基于ueditor。 后期可能会独立(目前ueditor不怎么更新了)

6年前 评论

能不能增加对LaTeX公式的支持? (可能这个对你们来说有点难度)

说实话,UEditor那个公式插件是专门为数学准备的,不仅不支持画电路图,化学结构式等,而且哪怕输入化学式(更不用说化学方程式),上下标都是斜体的。。。

6年前 评论

说错了,UEditor那个公式插件输入的化学式上下标不是斜体,但字母是斜体的。

6年前 评论

@iVanilla 目前主要精力在notadd上,ueditor目前更新也比较缓慢了,后期会考虑把项目完全独立出来~

6年前 评论

@依剑听雨 那我就等你的好消息了

6年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!