【组件】增加富文本组件
dream2023 opened this issue · comments
增加富文本组件
需求说明
针对已有的富文本编辑器进行 React 封装,或者直接找已经封装好的 React 富文本组件进行优化和封装。
要求
- 富文本编辑器的基本能力;
- 能上传图片,最好是复制粘贴就能上传图片;
- 进行表单项组件包裹。
方案调研
挑选富文本编辑器标准
- 长期维护的;
- 能上传本地图片的;
- 有现成集成 react 的方案;
- 文件包大小(真实构建结果为准);
- 扩展能力;
- 简洁好看;
- 中文优化程度。
对比
UEditor
- 官方不再更新;
- 界面丑。
结论:❌
simditor
- 官方不再更新;
- 图片上传能力弱。
结论:❌
CKEditor
- 文件大小:213kb
- 中文友好度一般;
- 其他能力都满足。
结论:✅
tinymce
- 要申请一个 key;
- 文件大小:走的远程加载
- 中文友好度一般;
结论:❌ ,申请 key 的操作让人望而生畏。
quill
- 文件大小:60kb
- 中文友好度一般;
- 其他能力都满足。
结论:✅
wangEditor
- 文件大小:75kb
- 其他都满足
结论:✅
结论
综上,在满足条件的三款编辑器中,CKEditor 体积过大,被淘汰,wangEditor 比 quill 要大一些,但是其文档和开发人员都是国人,对国内开发十分友好,结论就是选择 wangEditor
。
结果验收
- 代码实现
- 组件文档
- 单元测试