CodeMirror 在线代码编辑器 简介

CodeMirror简介本文 转自：https://www.oschina.net/p/codemirror

用法可参考：https://blog.csdn.net/weixin_38956562/article/details/136969074 

 

CodeMirror 是一款 “Online Source Editor”，基于 Javascript，短小精悍，实时在线代码高亮显示，他不是某个富文本编辑器的附属产品，他是许多大名鼎鼎的在线代码编辑器的基础库。

https://www.oschina.net/站点的 RunJS.cn 、在线 LESS 编译器和 Markdown 编辑器就是采用这个组件开发。

可以看出，CodeMirror 的作者是一个十分向往自由的人。但他的 CodeMirror 绝对不简单，看看下面这份清单：

• Google Earth KML sampler

• Eloquent JavaScript's console

• The qooxdoo playground

• A cool tutorial about the element

• An online IDE for the Orc programming language

• Google's API playground

• Raphaël Live

• JS Bin

• The RokPad plugin for Joomla

• The scraperwiki editor

• jsLinb UI Builder

上述的这些在线代码编辑器都是基于 CodeMirror 的，是不是感到惊讶，里面有你熟悉的 JS Library。

CodeMirror 本身的定位也很明确，短小精悍，但代码质量很高，在 Google Group 的群里面，人们热烈的进行着用 CodeMirror 做各式各样改造的讨论，可见对他的欢迎。以下有各种不同语言的 Demo 演示：

• JavaScript

• XML/HTML

• CSS

• SPARQL

• HTML mixed-mode

• 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)

• C# (by Boris Gaber and Christopher Buchino)

• OmetaJS (by Eric KEDJI)

• Scheme (by Danny Yoo)

假如你有项目需要在线代码编辑，还等什么？CodeMirror，绝对是你最好的选择。

为了尊重作者对自由的向往，请在使用前认真阅读以下 License，并严格尊重作者的声明：

https://github.com/marijnh/CodeMirror2/blob/master/LICENSE