本文会浅析 web IDE 及其相关生态，以及如何在 web 端使用 MocacoEditor 实现 git blame 、代码高亮、校验、语法提示和代码调试功能

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

随着近几年前端技术的快速发展，人们更倾向于将应用开发放到网页浏览器上，即 B/S 架构 。相比与传统的 C/S 模式，它的兼容性更好，开发成本更低，且不需要安装，只要打开浏览器的一个页面即可。 Web 的图形编辑器主要使用到了 HTML5 的 Canvas 技术和 SVG 技术…

TypeScript 4.0 正式发布啦！官方团队在这一版本中加入了如可变参数元组类型、构造函数的类属性推断、短路分配运算符、自定义 JSX Factories 等多项激动人心的特性，同时官方站点也进行了重写，看上去更加清爽。在 Stackoverflow 的开发者报告中，Ty…

3年前在AWS re:Invent 大会上AWS 宣布推出 Cloud9, 用于在云端编写、运行和调试代码，它可以直接运行在浏览器中，也就是传说中的 Web IDE。3年后的今天随着国内云计算的发展, 各大云计算服务厂商都在部署自己的WEB IDE, 而且已经有非常成熟的落地方…

prosemirror-model：负责prosemirror的内容结构。定义了编辑器的文档模型，用于描述编辑器内容的数据结构，并实现了对编辑器内容的一原子的操作。实现了一套索引系统，用于处理位置信息。同时提供了从DOM -> ProsemirrNode的Parser以及反向…

本文是作者在建设基于 monaco-editor 的轻量级且不依赖后端容器的 WebIDE 过程中积累到的一些经验以及解决方案的整理，希望能够帮助到有同样需求的同学。

本文跟各位掘友详细聊聊我在项目中通过集成**Monaco Editor**实现的些需求点，如果在后面各位用到能帮到你的话就更好了😃！