2018-8-2 弃用 tui.editor 富文本编辑器的原因

难以定制(功能和 UI 都是)

2018-8-2  弃用 tui.editor 富文本编辑器的原因

本篇写于2018年8月2号

这篇文是什么

这是篇技术文。
讲我为什么一开始选 tui.editor 做富文本编辑器(2018年7月)
然后又弃用了(2018年8月)

这篇文对谁有用(重要,如果对你没用就别浪费时间看了)

开发者。
正在挑选编辑器的开发者。
如果你在考虑要不要用 tui.editor,可以参考这篇

结论

不推荐用 tui.editor

假装 QA

一,为什么弃用 tui.editor?

  1. 文档不够全面,而且比较难理解
  2. 难以定制(功能和 UI 都是)
  3. 编辑器相对较大(在 Vue 里引入然后看到占了 876kb)
  4. 官网代码例子不够多

二,如果不推荐 tui.editor,那么你推荐什么编辑器,你自己打算用什么编辑器?
我也还在试用其他编辑器。暂无结论。
打算用 quill 试试。
后面打算用 Slate.js,因为更灵活。

三,那 tui.editor 适合什么?
适合拿过来直接用但不做任何修改(功能修改和 UI 修改)
适合常规 Web 应用(因为大小)
另一方面单页应用比如 Vue 或者 React 用 tui.editor 写起来不太爽而且占的空间大。

如果是常规 Web 应用就可以单独一个页面做编辑器(这时候再载入 876kb 的编辑器就没啥关系了)
比如用户点击右上角的"编写"。跳到一个 example.com/write 页面。
这个 /write 页面里再载入编辑器。
如果是单页应用那么首次加载就要加载这个编辑器了。(代码懒加载和路由懒加载方面的东西我还没深入了解过,也许可以解决这个问题)

四,tui 除了 Editor 还有 Chart, Grid, Image Editor,你用过吗?有什么评价?
33
Chart,Grid,ImageEditor 我都没用过,所以不评价。

现在的信息

因为这篇文有可能在几个月甚至几年后通过搜索引擎访问过来,我先提供下当前 Tui editor 的信息供你参考。
tui.editor 有 6946 个 Github Star
222

官网长这样:
443-1

另外,官网的例子13到18都是我写的 = =
WX20180802-114934@2x

其他信息

  1. 代码里都是一个个 class 外加很多 jQuery DOM 操作。还有各种毫无说明的代码,看起来很费劲。反正我是不想定制编辑器还得去从里到外把代码都看一遍,我没这个时间而且也很弱,看不懂。

  2. 看到几个 github issue 里都在用韩文聊天,那我假设应该是韩国人用于公司内部的项目。然后看了 commit 也只有1个人在维护。所以更新会很慢。issue 也管不过来。

  3. 我一共发了 4 个 issue, 2 个 PR (发截图只是为了说明我有一定的参与)
    issue 都是问问题和请求新功能。PR 加了5个例子
    is2
    pr

全文完。感谢阅读。