当年本菜鸟做网站的时候,曾经自己用javascript编写过一个比较大略的在线HTML编辑器,用于文本内容的排版。
但是由于水平有限,很多功能都无法实现。
后来有了eWebEditor,功能确实强大,但这个编辑器是个收费的软件,并且正由于功能强大,也就显得过重,一些轻量的场合不是太适用。
那有没有既免费、又功能强大、还能适应轻量场合的在线HTML编辑器呢?

答案肯定是有的。
这首先要感谢这些年来有一批奉献精神的程序猿们不断推进共享软件的开拓,让我们得以享受他们的成果。

一、百度出品的UEditor

UEditor是由百度web前端研发部开拓所见即所得富文本web编辑器,具有轻量,可定制,看重用户体验等特点,开源基于MIT协议,许可自由利用和修正代码
特殊要说的是,头条号后台发布文章的编辑器便是用的UEditor!

好用的html编辑器细数几款免费好用的在线HTML编纂器 Vue.js

百度UEditor

UEditor还有一个轻量版的,叫做UMeditor,简称UM。
UM是为知足广大门户网站对付大略发帖框,或者回答框需求所定制的在线HTML编辑器。
紧张特点是容量和加载速率上的改变,主文件的代码量为139k,而且放弃了利用传统的iframe模式,采取了div的加载办法, 以达到更快的加载速率和零加载失落败率。
UM的第一个利用者是百度贴吧,以经受贴吧每天几亿的pv的磨练,功能设计应该是最优化的了。
当然随着代码的减少,UM的功能对付UE来说还是有所减少,但也有增加,比如拖拽图片上传,chrome的图片拖动改变大小等。

百度UEditor界面

二、xhEditor开源HTML编辑器

xhEditor是一个基于jQuery开拓的大略迷你并且高效的可视化HTML编辑器,基于网络访问并且兼容IE 6.0+,Firefox 3.0+,Opera 9.6+,Chrome 1.0+,Safari 3.22+。

xhEditor完备基于Javascript开拓,可以运用在任何的做事端措辞环境下,例如:PHP、ASP、ASP.NET、JAVA等。
可以在CMS、博客、论坛、商城等互联网平台上完美的嵌入运行,能够非常灵巧大略的和您的系统实现完美的无缝衔接。

紧张特点:

精简迷你:初始加载4个文件,包括:1个js(50k)+2个css(10k)+1个图片(5k),统共65k。
若js和css文件进行gzip压缩传输,可以进一步缩减为24k旁边。

利用大略:大略的调用办法,加一个class属性就能将textarea变成一个功能丰富的可视化编辑器。

无障碍访问:供应WAI-ARIA全面支持,全键盘风雅操作,全程语音引导,供应完美无障碍访问体验,充分知足残疾人的上网需求。

内置Ajax上传:内置强大的Ajax上传,包括HTML4和HTML5上传支持(多文件上传、真实上传进度及文件拖放上传),剪切板上传及远程抓取上传。

Word自动清理:实现Word代码自动检测并清理,天生代码最优化精简,却不丢失细节效果。

UBB可视化编辑:支持UBB可视化编辑,在得到安全高效代码存储的同时,又能享受可视化编辑的便捷。

三、KindEditor开源HTML编辑器

KindEditor 也是一个开源的在线HTML编辑器, 利用 JavaScript 编写,可以无缝地与 Java、.NET、PHP、ASP 等程序集成,比较适宜在 CMS、商城、论坛、博客、Wiki、电子邮件等互联网运用上利用。
本菜鸟觉得这个编辑器上手比较随意马虎,功能也很强大,界面比较友好,很适宜菜鸟利用。
可惜的是最近彷佛停滞更新了,官网好象也能不正常访问。

KindEditor界面

紧张特点:

快速:体积小,加载速率快

开源:开放源代码,高水平,高品质

底层:内置自定义 DOM 类库,精确操作 DOM

扩展:基于插件的设计,所有功能都是插件,可根据需求增减功能

风格:修正编辑器风格非常随意马虎,只需修正一个 CSS 文件

兼容:支持大部分主流浏览器,比如 IE、Firefox、Safari、Chrome、Opera

四、阿里的KISSY

严格来说,KISSY不仅仅是一个在线HTML编辑器,而是由阿里集团前端工程师们发起创建的一个开源 JS 框架,具有跨终端、模块化、利用大略的特点。
里面带有HTML编辑器这个模块。

阿里的KISSY

正由于KISSY采纳模块化设计,因此具有高扩展性、组件完好,接口同等、自主开拓、适宜多种运用处景等优点。
KISSY 除了完备的工具凑集诸如 DOM、Event、Ajax、Anim 等,KISSY 还面向团队协作做了独特设计,供应了经典的面向工具、动态加载、性能优化办理方案。
作为一款全终端支持的 JavaScript 框架,KISSY还 为移动终端做了大量适配和优化,搞移动web开拓的可以好好研究一下KISSY的利用。

关于菜鸟手记:

菜鸟最怕便是看大神的攻略,全是术语看头就头大!
本人作为一名对啥都感兴趣的资深菜鸟,潜心研究各种技能二十余年,做网站、写程序、搞美工、练书法、学画画、作文章、抓管理、装逼格,属于搞IT里面最懂美工的,搞HR里面最懂画画的,搞笔墨里面最懂程序的,终极一事无成,博而不精,徒留一堆手记。
从菜鸟角度写手记,同样的”白”更易懂,你值得拥有!
感兴趣的,请别忘点右角关注菜鸟手记。