如果你觉得内容太长,可以直接跳过看 repo: github.com/huozhi/html…
灵感
繁忙任务多了一件事,设计希望我们能有一个非常完备的 FAQ 子站点,能为用户提供非常详细的帮助信息。
Design: 首先这里会有一个搜索 🔍,可以检索任意页面,每个页面是富文本的帮助内容
FE: 嗯,看起来还不错,应该比较好搞
Design: 富文本中需要支持视频、gif、以及行内图片、块级图片 blablabla…我们希望和我们的主站点所有的交互、样式能保持一致
FE: 可这是个新项目,目前那些东西都还不能完全组件化地移植过来…
Design: 但我们希望视频、gif 都能有之前他们做好的样式、交互、功能
FE: 文本来自哪里?
Design: 我们希望还能有一个支持这些功能上传的编辑器…
FE:
着急吗?
Design: 嗯,尽快上线!
WHAT THE HELLLLL…
听起来是一件怎么着都干不完的活了,前端团队内部其实一件有一套支持复杂交互的视频、Gif 组件,还有一个编辑器,但是依赖的东西太多了,加上每个操作可能都有数据打点,开发的人并没有将组件化的程度搞到「随意无障碍移植」的程度,因为在富文本中显示视频、Gif 等内容需要使用之前的 RichText 组件