介绍几款webapp在线编辑器

在线编辑器

admin 发布于：2018-03-06 10:01:26

阅读：loading

可能我理解的webapp不准确，将其拆分的意思为web、app我想表达的是可以运行于app上的网页代码，或者是用web（前端）技术实现的app程序，html5在线编辑器我认为它俩一样。很长时间以来我想找一款可以使用于mui编写的app平台上运行的在线编辑器，一直也没有找到我最喜欢的，可能功能上并不需要太多，最基本的有调整文本（大小、颜色，当然如果有粗体、斜体也不觉得多）、图片（上传图片、插入在线图片地址），另外就是在手机端编辑起来顺手，有了这几个方面的实现，我觉得真心就不错了，值得拥有。

找这个webapp起码找了有一年多时间，（如果不是找到了一个自己感觉还不错的是不会有这篇文章的，起码不是此时有），其中有几款我觉得也不错，但是最终都是有一些小小的这丫那丫的让我最终没有去实践，分别如下：

http://www.wangeditor.com/官网的介绍是“基于javascript和css开发的 Web富文本编辑器，轻量、简洁、易用、开源免费”，最初关注的时候好像记得是还没有现在看到的这样完善，有介绍说目前还不建议使用之类的，后期我也就没有过多的去了解它，现在看上去这些话也找不见了，又点了一下看着还不错，作为第二备选的编辑器。

https://medit.js.org/这个编辑器也挺强大的，一个工具栏上的功能点比较丰富，它的图片操作怎么使倒是没搞明白，有兴趣可以去看看。

https://eleditor.fixel.cn/这个编辑器的实现方式让人耳目一新，看上去跟直接*作dom元素一样，这样的实现肯定是支持移动端的，但是细究其中的功能使用时可以感觉到是对一整（小）段的文本整体的来控制的，比如想稍微的调整一个文本的相关属性貌似是不能的（不排除我不太会用），我不知道demo页面中的“404页面”（蓝色、下划线）效果是怎么弄出来的。不过如果是有对于一整段文本直接操作的话，用这个编辑器还真不错。

https://summernote.org/这个编辑器的功能也能满足我的需要，使用了的感觉有两点不太喜欢，第一使用了有序列表、无序列表后不知怎么再插入新行，即到下一行的时候取消掉这种列表的样式；第二点是最关注的一个，它的选择图片方式是将图片转换为base64的方式，由于我最终是适用于移动端的，手机相册的图片基本上都是比较大的，如2M的图片大小，这将转换为base64后的文本也将超级大，提交的话也较慢，在一些查询页面如此的话用户的流量表示伤不起。

还有个编辑器是焦点点击到哪里就出来一个浮动的工具栏可进行样式调整，一时找不见是哪个了，就一笔带过吧。其它的类似的编辑器都还是有很多的，这里只是列举一些我个人比较倾向的，下面我重点说一下

http://simditor.tower.im/这个编辑器，从功能上讲，它的全部功能中文本处理有“标题段落”、“粗体”、“斜体”、“下划线”、“删除线”、“字体大小”、“文本颜色”；“无序列表”、“有序列表”、“引用”、“代码”、“表格”、“超链接”、“图片”、“下划线”、“左缩进”、“右缩进”、“居左、中、右”；对于移动端使用功能上还是比较够用的，至于非要说少了什么我想那应该是后退撤销的*作吧。其中最主要的是它从使用上来讲用起来也还是挺顺的，另外它的图片上传也是我所看中的，目前来看，这个编辑器值得拥有，后文我会详细介绍的。

SinaEditor 是基于新浪博客编辑器的开源编辑器，这个组件可是在我工作之初（非常久远了）使用到的第一款在线编辑器，当时真的认为是神级的存在，历经多年似乎我并未在其他的同事朋友口中听到过一次，也几乎没有再看到过哪里有它的什么资料。

https://ckeditor.com/ 曾经的FCKEditor编辑器改名为CKEditor，名字叫响亮，功能也同样非常丰富，实际在工作中并未使用它所以本人不做过多说明。

http://www.ewebeditor.net/ eWebEditor是长的最像word软件的一款编辑器，功能也同样是非常多样，记得支持从office复制内容导入，比如word、excel等，但是它商业收费，有幸曾经在单位使用过授权后的版本。

https://github.com/fex-team/ueditor UEditor 是由百度 web 前端研发部开发所见即所得富文本 web 编辑器，具有轻量、可定制、注重用户体验等特点。由国内顶级大厂开发的编辑器，自带功能丰富，插件较多，各类参数配置也非常丰富，特别是提供了附件上传、单图/多图上传、视频上传等多种语言和编码格式的服务端应用程序。UEditor属于比较重量级的一种实现，虽然使用功能范围可以定制，但仍然显得较为臃肿，不过也有提供简化版本；也有各种民间精简版本和图表样式的美化版本。另，本站v1.0和v2.0版本的后端文章的编辑均使用的就是此编辑器，非本是基于Spring MVC和Spring Boot的修改版本，也修改了一些组件的实现，属于非常深度的版本定制（可转至站内相关文章查看）。

http://kindeditor.net/ KindEditor 是一套开源的在线HTML编辑器，主要用于让用户在网站上获得所见即所得编辑效果，开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。 KindEditor 使用 JavaScript 编写，可以无缝地与 Java、.NET、PHP、ASP 等程序集成，比较适合在 CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用。KindEditor也是曾经我比较喜欢的版本，本站v1.0的前端文章的实现使用的该款编辑器，只保留了少许个别的几个文字编辑的功能。

以上是我之前关注的比较多的编辑器，类似的同款还有非常多的实现，如果现在站在我个人的应用角度，后端我首选UEditor，前端我首选simditor，这也是本站现有版本的后端和前端的编辑器使用版，我所选取的原因也是有自己的考虑，所以你认为呢。