CodeMirror 是一款“Online Source Editor”，基于Javascript，短小精悍，实时在线代码高亮显示，他不是某个富文本编辑器的附属产品，他是许多大名鼎鼎的在线代码编辑器的基础库。
本站的 RunJS.cn 、在线LESS编译器和Markdown编辑器就是采用这个组件开发。
可以看出，CodeMirror的作者是一个十分向往自由的人。但他的CodeMirror绝对不简单，看看下面这份清单：
上述的这些在线代码编辑器都是基于CodeMirror的，是不是感到惊讶，里面有你熟悉的JS Library。
CodeMirror本身的定位也很明确，短小精悍，但代码质量很高，在Google Group的群里面，人们热烈的进行着用CodeMirror做各式各样改造的讨论，可见对他的欢迎。以下有各种不同语言的Demo演示：
-
HTML+PHP mixed-mode (courtesy of Yahoo!)
-
Python (by Timothy Farrell)
-
Lua (by Franciszek Wawrzak)
-
Ruby (by Michal Hantl, unfinished)
-
SQL (by John Benediktsson)
-
PLSQL (by Peter Raganitsch)
-
diff (courtesy of Liran Nuna)
-
Groovy (by eXo Platform)
-
OmetaJS (by Eric KEDJI)
假如你有项目需要在线代码编辑，还等什么？CodeMirror，绝对是你最好的选择。
为了尊重作者对自由的向往，请在使用前认真阅读以下License，并严格尊重作者的声明：
-
安装codemirror 创建组件codemirror.vue <template> <div class="in-coder-panel"> <textarea :ref="textareaRef" v-model="code" autofocus="true"></textarea> <el-select v-if="modeFlg" class="code-mode-select"
-
下载后，解压开到的文件夹中，lib下是放的是核心库和核心css，模式下放的是各种支持语言的语法定义，主题目录下是支持的主题样式。一般在开发中，添加lib下的引用和模式下的引用就够了。 使用示例 首先，要引用是lib目录下的codemirror.js，还有一个就是同目录下的codemirror.css文件 接下来要引用的就是在mode目录下编辑器中要编辑的语言对应的js文件，下面以js文件为例： 引
-
codemirror6教程 两个概念 编辑器视图 视图用于展示文本的，在codemirror6中文本信息的展示使用的是EditorView这个类 编辑器状态 在codemirror6中，文本信息放到了EditorState这个类，EditorState可以展示在EditorView之上，改变EditorView里面的文本，可以更改页面上的文本展示。 安装Codemirror6 npm instal
-
本文向大家介绍vue实现codemirror代码编辑器中的SQL代码格式化功能，包括了vue实现codemirror代码编辑器中的SQL代码格式化功能的使用技巧和注意事项，需要的朋友参考一下 vue实现codemirror代码编辑器中的SQL代码格式化功能 1、首先使用npm安装sql-formatter插件 npm install --save sql-formatter 2、然后引入该sql-
-
本文向大家介绍在vue项目中使用codemirror插件实现代码编辑器功能，包括了在vue项目中使用codemirror插件实现代码编辑器功能的使用技巧和注意事项，需要的朋友参考一下 在vue项目中使用codemirror插件实现代码编辑器功能（代码高亮显示及自动提示），具体内容如下所示： 1、使用npm安装依赖 npm install --save codemirror; 2、在页面中放入如下代
-
本文向大家介绍php单文件版在线代码编辑器，包括了php单文件版在线代码编辑器的使用技巧和注意事项，需要的朋友参考一下 密码加密方式: * md5(自设密码+$ace) //$ace为cdn镜像地址 使用方法: * 1.确认 $pwd 变量值为 false, 上传本文件到PHP空间并访问 * 2.第一次访问提示设置密码,设置密码并牢记 * 3.使用第一次设置的密码登录后,默认编辑的是本ph
-
了解代码编辑器 源代码编辑器是一个文本编辑程序, 专门为编辑计算机程序源代码的程序员而设计的, 它可能是一个独立的应用程序或内置在集成开发环境(IDE)或web浏览器中. 源代码编辑器是最基本的编程工具, ,作为程序员的基本工作就是编写和编辑源代码. - Wikipedia 前端代码可以被一个简单的文本编辑应用程序(如: Notepad 或 TextEdit), 但是, 大多数前端人员使用专门为一
-
你马上就要写下第一行代码，现在该下载一个代码编辑器了！ 注意在之前章节你可能已经完成了这一步，如果那样的话，你可以直接进入下一章节。 有很多不同的编辑器，通常根据个人偏好选择。 大部分 Python程序员使用像 PyCharm这样复杂但是功能强大的IDE (集成开发环境)。 然而，这可能不太适合初学者。我们建议使用同样强大但是更为简单的编辑器。 下面是我们的建议，但是你可以随时咨询你的教练。那样会
-
程序员接触时间最长的就是代码编辑器。 代码编辑器主要分两种：IDE（集成开发环境）和轻量编辑器。很多人喜欢这两种各选一个。 IDE IDE（集成开发环境）是指用于管理整个项目的，具有强大功能的编辑器。顾名思义，它不仅仅是一个编辑器，而且还是个完整的“开发环境”。 IDE 加载项目（通常包含很多文件），并且允许在不同文件之间导航（navigation）。IDE 还提供基于整个项目（不仅仅是打开的文件
-
Blockly的大多数应用程序都可以将用户程序翻译成JavaScript，Python，PHP，Lua，Dart或其他语言。此操作由Blockly在客户端执行。 生成代码 第一步是导入相关语言的生成器。 Blockly包括以下生成器： javascript_compressed.js python_compressed.js php_compressed.js lua_compressed.js
-
你也可以使用在线编辑器(https://casbin.org/en/editor/) 在你的浏览器中编辑你的Casbin模型和策略。 它提供了一些比如 语法高亮 以及代码补全这样的功能，就像编程语言的IDE一样。← 前端使用IDE 插件 →