今天在陌陌脉脉
看到一个帖子,讲到前端三大浪漫
.
富文本编辑器市面上已经有很多优秀的开源版本了,但是问题在于每个产品的富文本编辑器需求不一样,所以可能导致有一些时候需要手撸编辑器
例如:
Draft.js
Slate.js
wangEditor
这些富文本编辑器还有衍生出他们的针对不同框架的版本,例如React,还有一些插件。感兴趣的可以去github搜索给个star,方便以后用得上
作者当时手写过桌面软件的富文本编辑器(Electron,类似微信的聊天编辑器),痛苦得很,要控制光标、焦点,复制粘贴,适配多个操作系统环境的QQ、微信、wps等软件的复制粘贴等。感觉都能写好多篇论文了
推荐一个github star数量11.6K的开源库,luckysheet
demo体验地址:
https://mengshukeji.github.io/LuckysheetDemo/
支持:
1.格式设置。包括字体、字号、颜色、文本对齐、自动换行以及excel支持的各种数据类型
2.单元格。拖拽选取、下拉填充、自动填充、查找替换、合并单元格等。
3.行列。隐藏、插入、删除、冻结。
4.操作。撤销、复制、粘贴、剪切、快捷键、格式刷、筛选排序、批注、共享编辑。
5.函数。内置常见公式,并支持自定义公式。
6.图表。目前支持折线图、柱状图、面积图、条形图、饼图,支持插入图片。
科普:
推荐一个8K star的前端 CRDT 实时协作库 Yjs:
https://github.com/yjs/yjs
它支持:
建模数据结构
解决并发冲突
回溯历史记录
同步网络状态等
使用示例
以上借鉴一些这篇文章的内容,推荐深度阅读:https://zhuanlan.zhihu.com/p/452980520
本人水平有限,如果要深入这个CRDT,建议还是得多看一些论文。
我是Peter
,如果感觉文章对大家有帮助,可以帮忙点个在看、赞,关注下我的公众号:前端巅峰。这里会给大家带来最实用的web2、web3知识点!