相信很多同学即便没有接触过富文本编辑领域，也一定听说过【富文本编辑是天坑，千万不要碰】的说法——是的，富文本编辑是天坑，但 Slate 能很好地帮助你。下面会介绍富文本编辑的复杂度所在，以及 Slate 的解决方式。 富文本编辑领域和常规的前端开发相比，有个非常微妙的区别：在这…

最近折腾 Websocket，打算开发一个聊天室应用练练手。在应用开发的过程中发现可以插入 emoji ，粘贴图片的富文本输入框其实蕴含着许多有趣的知识，于是便打算记录下来和大家分享。 是不是觉得很神奇？接下来我会一步步讲解这里面的功能都是如何实现的。 传统的输入框都是使用 <…

... 19年10月份改版之前，Slate 里是这几个 model，之后改版取消了这些，统一使用新的 Element 模型。 Document、Block、Inline 都是一个 Node 的子类。 type 是节点类型，比如 div p span 等。 data 是 immu…

不打算考虑兼容性，所以没有必要采用UEditor这么重的插件。为此决定自研一个富文本编辑器。本文，主要介绍如何实现富文本编辑器，和解决一些不同浏览器和设备之间的bug。

“你想做的一定有人做了，你一定不是第一个遇到这个问题的人”——这句话对80%（二八分布）的人是有效的，我也从中获益不少。 在Chrome中使用button标签来高亮被@的用户，在Firefox中使用img标签来高亮被@的用户（绝妙）这里不同标签的使用很讲究，考虑了浏览器兼容性。…