1.富文本编辑器

市场上已经有很多优秀的富文本编辑器开源版本，但问题是每个产品对富文本编辑器的要求不同，所以有时可能需要手动编辑编辑器。

例如：

草稿.js

石板.js

王编辑

这些富文本编辑器还具有针对不同框架的版本，例如React和一些插件。有兴趣的话可以在github上搜索一下，给个star，方便以后使用。

2.在线Excel

推荐一个github star数达到11.6K的开源库，luckysheet

Demo体验地址：https://mengshukeji.github.io/LuckysheetDemo/

支持：

1. 格式设置。包括字体、字号、颜色、文本对齐方式、自动换行以及excel支持的各种数据类型

2. 细胞。拖放选择、下拉填充、自动填充、查找替换、合并单元格等。

3. 排队。隐藏、插入、删除、冻结。

5、功能。内置常用公式并支持自定义公式。

6. 图表。目前支持折线图、柱形图、面积图、条形图、饼图，并支持插入图片。

科普：

CRDT 的概念由Marc Shapiro、Nuno Preguia、Carlos Baquero 和Marek Zawirski 于2011 年正式定义。 [9] 最初的开发动机是协作文本编辑（英文：Collaborative real-time editor）和移动计算。 CRDT 还用于在线聊天系统、在线赌博和SoundCloud 音频分发平台。 NoSQL 分布式数据库Redis、Riak 和Cosmos DB 都具有CRDT 数据类型。

推荐一个8K星前端CRDT实时协作库Yjs：https://github.com/yjs/yjs

Yjs主要内部特点：

基于双向链表和StructStore的基础数据结构

基于YATA算法的并发冲突解决机制

基于DeleteSet和Transaction机制的撤消和重做

基于两级划分的同步机制

它支持：

数据结构建模

解决并发冲突

回到历史

同步网络状态等

使用示例

从'yjs' 导入* 作为Y

//应用程序中的所有协作状态都可以托管在单个YDoc 容器中

//将此实例传递给WebSocket等协议的提供者以支持网络同步

const doc=new Y.Doc()

//在YDoc上可以创建不同类型的顶级YModel实例

//这里创建了一个名为root的顶级YMap

const yRoot=doc.getMap('root')

//也可以使用类构造函数来实例化独立的YMap和其他YModel

//可以直接使用get set delete等常用API对YModel进行增删改查

const yPoint=new Y.Map()

yPoint.set('x', 0)

yPoint.set('y', 0)

//YMap的值也可以是YMap，从而构造一个嵌套的数据类型

yRoot.set('点', yPoint)

//YMap还可以存储YText等其他YModel，形成复合数据类型

const yName=new Y.Text()

yName.insert(0, '威尔逊·爱德华兹')

用户评论

傲世九天

哎呀，这个标题太吸引人了！前端的浪漫我猜是那种代码与美学的结合吧，期待看到具体解析。

    有20位网友表示赞同！

为爱放弃

前端三大浪漫？这得是哪些让人心动的瞬间啊？我迫不及待想知道了。

    有8位网友表示赞同！

疲倦了

标题一看就是技术宅的心声，前端浪漫？难道是代码的魔力？

    有9位网友表示赞同！

断秋风

前端的浪漫？我觉得是那种从无到有的成就感吧，每一个页面都是自己的艺术品。

    有20位网友表示赞同！

┲﹊怅惘。

这三大浪漫听起来好高大上，不知道是不是那种能让人泪目的瞬间呢。

    有17位网友表示赞同！

信仰

前端三大浪漫？难道是那些奇妙的浏览器兼容性问题？哈哈，开玩笑的。

    有20位网友表示赞同！

话扎心

每次看到网页上的动画效果，我都觉得前端工程师们好浪漫，能创造出这样美妙的体验。

    有20位网友表示赞同！

白恍

前端浪漫？难道是那种跨足不同领域的技能？听起来好酷！

    有8位网友表示赞同！

惦着脚尖摘太阳

这个标题太有意思了，前端浪漫？是不是也有那些深夜加班的浪漫故事呢？

    有14位网友表示赞同！

隔壁阿不都

前端三大浪漫，不知道是不是那种与团队共同成长的默契感？期待分享。

    有14位网友表示赞同！

不浪漫罪名

前端浪漫？难道是那种在调试中寻找问题的过程？每次解决一个bug都成就感满满。

    有8位网友表示赞同！

丢了爱情i

这三大浪漫得是哪些让人眼前一亮的技巧吧？好期待能学到新东西。

    有5位网友表示赞同！

軨倾词

前端浪漫？我觉得是那种看着自己作品从无到有的过程，每一个细节都是自己的心血。

    有16位网友表示赞同！

冷眼旁观i

这个标题让我想起了那些为了优化页面性能而熬夜的日子，那种浪漫的奋斗感。

    有15位网友表示赞同！

站上冰箱当高冷

前端浪漫？难道是那种在代码中找到诗意的感觉？每次敲击键盘都是一场心灵的旅行。

    有11位网友表示赞同！

温柔腔

前端工程师的浪漫，是不是也是那种在代码的世界里自由翱翔的感觉呢？

    有6位网友表示赞同！

苍白的笑〃

这个标题太吸引人了，前端浪漫？不知道是不是那种在浏览器中创造的奇迹。

    有6位网友表示赞同！

有阳光还感觉冷

期待看到前端的三大浪漫，说不定能从中找到自己的激情所在呢。

    有10位网友表示赞同！

封心锁爱

前端浪漫？这个话题太吸引我了，不知道是哪些让人热血沸腾的瞬间。

    有9位网友表示赞同！