支持特性 代码折叠 搜索 v-model特性 依赖安装 npm install codemirror 组件定义 VueCodemirror.vue Test.vue

CodeMirror && codemirror-editor-vue3 codemirror 是一个强大的浏览器代码编辑器，可以用来编写和编辑代码，支持多种编程语言。

CodeMirror 是一个用 JavaScript 编写的功能强大的文本编辑器库，专为网页端设计，尤其适用于代码编辑场景。它提供了丰富的功能，适用于开发者、教育平台、在线 IDE 或需要代码编辑支持

公式编辑器的主要功能就是将表单的校验逻辑可视化，它之所以出现在低代码中呢，主要是因为理念契合，它是逻辑可视化的一小步。

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

1. vue-codemirror 搜索功能 其实引入这些资源基本的搜索功能已经实现，按ctrl+F 或者command+F就编辑器顶部就可以出现搜索框。 产品考虑到有的人可能不知道用快捷键，就设计了一个按钮，点击进行搜索，点击搜索按钮，搜索框出现在编辑器的顶部。searchC…

1. 完整示例：vue-codemirror+vue3-sfc-loader实现在线编辑和预览功能 2.实现在线编辑器:使用codemirror的vue版本vue-codemirror 3.预览:使用

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

一、前言 CodeMirror支持在线编辑代码，风格包括js, java, php, c++等等100多种语言。能够做到代码自动补全，代码折叠，可配置键盘事件，支持vim， emacs， sublim