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