Jonithan_

display:none和visibility:hidden区别详解 display：none不占用原来的位置。visibility:hidden占用原来的位置

翻译是弹框形式的，不会改变文本流信息。 getRangeAt 返回一个包含当前选区内容的区域对象，document.getSelection().getRangeAt(0)获取到选中文本第一个字的信息。再通过getBoundingClientRect获取到元素的大小和位置信息，…

执行getSelection()后，会得到一个selection对象，其中有一个getRangeAt方法可以获取range对象。range对象有几个属性： 基于这一套，服务端只需要存储的信息是：光标起点位置、光标终点位置、所选文字，前端这边完全可以实现所有的需求。下面开始从0到…

当我们需要鼠标选中文本后，文本高亮。当再次将选中的文本选中后，取消高亮效果时该如何实现呢？ 获取鼠标选中内容，主要是利用了window.getSelection()这个API。

富文本编辑器的实现 通常使用 L1 方案的富文本编辑器都是基于浏览器自身 contentEditable 属性实现的，共用了浏览器的光标和选区；对数据层进行了抽象，依赖 DOM 对内容进行渲染。 L1

prosemirror 并不是一个开箱即用的编辑器，它的目标不是给你提供一辆车，而是提供造车的所有零件配置，Tiptap则是基于 Prosemirror建立起的一套整车供应商，提供了开箱即用的编辑器。

富文本编辑器是一种可嵌入浏览器网页中，所见即所得的文本编辑器。这对于许多从事前端开发的小伙伴来说并不算陌生，在日常开发工作中，例如开发后台管理系统，是经常会用到的。

定位性能优化或优化时就需要熟悉该 Performance 性能面板的使用与分析，今天就要分享下 Performance 面板大致信息

最近在使用 TailwindCSS过程中，遇到了一些问题。在使用富文本编辑器的时候，Tailwind 会覆盖内联样式，另外，H类标题样式全无等情况。