编辑器的一些碎碎念

做编辑器将近2年时间,越深入发现坑越多,社区中也没有比较好的资料,基本都是非常浅的资料,比如如何接入、API介绍之类的。

前端编辑器开源的非常多,至少有10+ 个,不过目前知名的主要有Slate、ProseMirror、Quill、Lexical,但是当你深入这些编辑器总会遇到一些问题。因为我一直使用Quill,就聊一些Quill的问题吧。

Quill在Safari浏览器上表现的非常糟糕,但是业务场景中还必须兼容Safari,iOS用的就是Safari。比如最近遇到的一些Safari兼容问题:

① 在Safari浏览器中遇到一个奇葩的问题,加了text- indent属性后,按enter键后输入新的行,发现输入的内容被删除了,还有莫名其妙的多加了换行。给DOM添加不同的style,还会影响MutationObser的结果,Quill在这方面处理得不是很好,也没有提供合适的API来处理这些。

② quill未提供一个好用的table,只有一个功能简陋的table,但是它的功能不满足需求,单元格连基本的换行都没有。业界有一个bettertable,介绍得比较好,但是坑一堆,绝对不能用。还有一个table-embled,这个思路是单元格里再放个quill编辑器,感觉有点蠢,slab用的是这个方案。目前石墨实现得不错,也是table-embled方案,不过它内部实现了一个轻量级的编辑器,也就是说单元格里用的并不是Quill。

③ quill中自带的list设计得比较简单,序号值比较大的时候文字会重叠。li前面如何支持start属性,如何让序号的颜色和size和文本的颜色保持一致。我想到的思路是序号通过js来计算而不是通过css来实现。至于color和size可以根据文本的颜色来实时计算。

quill中的list有个问题,比如 9998.xxxx,这个列表在Safari浏览器时光标会停在序号之间。需要通过padding和margin来实现。

总的来说,编辑器这条路非常辛苦,需要花费大量的时间来看源码以及主流编辑器的实现思路。最近在看ProseMirror,感觉这个编辑器设计得非常好,不知道坑多不多。

做编辑器比较辛苦,也比较孤独,遇到问题很难找到人一起交流,打算建个群,专门聊聊编辑器的技术问题。如果你正在做编辑器,欢迎加我weixin,可以随时进行技术交流。

相关推荐
环黄金线HHJX.7 小时前
Tuan符号系统重塑智能开发
开发语言·人工智能·算法·编辑器
环黄金线HHJX.9 小时前
龙虾钳足启发的AI集群语言交互新范式
开发语言·人工智能·算法·编辑器·交互
Irene199119 小时前
Cursor/VSCode 连接 WSL 频繁掉线问题完整排查记录(AI总结版)
编辑器·wsl
cmpxr_20 小时前
【VSCode】在类似Trae的软件上使用VSCode的插件市场
ide·vscode·编辑器
吴声子夜歌20 小时前
Node.js——crypto加密模块
node.js·编辑器·vim
cui_ruicheng20 小时前
Linux基础开发工具(三):Git 版本控制与 GDB 调试入门
linux·git·编辑器
环黄金线HHJX.1 天前
【吧里BaLi社区】
开发语言·人工智能·qt·编辑器
Irene19912 天前
排查 VS Code 插件:多个补全功能同时启用导致的冲突(69个插件确实太多了,全部删除重新安装彻底解决冲突问题)
编辑器·插件冲突
咬人喵喵2 天前
E2.COOL 平台深度解析:从特效分类到实战操作指南
前端·编辑器·svg
环黄金线HHJX.2 天前
《Tuan(拼音字母)⇆团(Group)/&湍(Turbulence)/&双结构链路道/&文字、符号、语言/&源点设计、连接起:人类与自然+AICosmOS》
开发语言·人工智能·算法·编辑器