本文以文本编辑器中一个比较常见的【下划线】功能为聚焦点来探讨一下一个小小的功能在各大笔记应用中的细节。我们以小见大、精益求精，从一个非常小的细节来看这些笔记应用（作者主要以网页版作为测评）对于功能上的

最近公司让我实现一个低代码在线脚本编辑器组件，组件需要支持点击左边模型字段插入标签，还需要支持函数自动补全。本篇文章主要记录一下开发这个组件遇到的问题。

编辑器其实是一个非常复杂的模块，单凭个人难以实现所有的内容。笔者也只是在各前辈积累的基础上，结合自身的工作内容，讲述自己的见解。限于篇幅和能力，很多地方只是一笔带过，欢迎同行勘察和补充

CodeMirror6 + vue3实现标签插入 经过一番调研在手写，CodeMirror，Monaco Editor中选择了CodeMirror.

CodeMirror 6+ vue3实现Atomic Ranges(标签插入/原子) 功能，直接复制代码即可实现效果

开始 目标 基础知识 优势 Codemirror6和Codemirror5的主要区别体现在以下几个方面： 架构：CM6是对CM5进行了全面重写和重构的版本，采用了新的架构。CM6的设计目标是提供更好的

本文记录了一次TinyMCE编辑器优化从探索到优雅实现的完整过程。有兴趣的朋友，可以看看如何优雅地在TinyMCE编辑器中上传并解析pdf、word以及视频文件。如果掘友们有更好的处理方式，欢迎评论。

像这样的一个富文本编辑器，它背后的工作原理是什么呢？ 其实只要清楚这两个问题就好了。第一个问题就是：在浏览器上我们如何去呈现富文本。第二个就是：在浏览器上我们如何去编辑富文本