CodeMirror 多功能在线代码编辑器

阳光穿透心脏的1/2处 2022-09-06 15:22 222阅读 0赞

CodeMirror 是一款允许在浏览器中使用的多功能文本编辑器，专用于编辑代码，并附带超过 100 种语言模式和各种插件，可实现高级的代码编辑功能，包括代码高亮显示、功能扩展以及多个主题样式

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

![6938f9d8a9ba76ded96e84d0012b713b.png][]

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

*  [Google Earth KML sampler][]
 *  [Eloquent JavaScript's console][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][Google_s API playground]
 *  [Rapha&euml;l Live][Rapha_euml_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][XML_HTML]
 *  [CSS][]
 *  [SPARQL][]
 *  [HTML mixed-mode][]
 *  [HTML+PHP mixed-mode][HTML_PHP mixed-mode] (courtesy of [Yahoo!][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\#][C] (by [Boris Gaber and Christopher Buchino][])
 *  [OmetaJS][] (by [Eric KEDJI][])
 *  [Scheme][] (by [Danny Yoo][])

[6938f9d8a9ba76ded96e84d0012b713b.png]: /images/20220829/000d3bc66e2e4e808d7c485209117ec4.png
[Google Earth KML sampler]: http://kml-samples.googlecode.com/svn/trunk/interactive/index.html
[Eloquent JavaScript_s console]: http://eloquentjavascript.net/chapter1.html
[The qooxdoo playground]: http://demo.qooxdoo.org/current/playground/#Hello_World
[A cool tutorial about the element]: http://billmill.org/static/canvastutorial/index.html
[An online IDE for the Orc programming language]: http://orc.csres.utexas.edu/tryorc.shtml
[Google_s API playground]: http://code.google.com/apis/ajax/playground
[Rapha_euml_l Live]: http://craic.com/tutorials/javascript/raphael_live/raphael_live.html
[JS Bin]: http://jsbin.com/
[The RokPad plugin for Joomla]: http://www.rockettheme.com/extensions-joomla/rokpad
[The scraperwiki editor]: http://scraperwiki.com/editor/
[jsLinb UI Builder]: http://www.linb.net/VisualJS/UIBuilder.html
[JavaScript]: http://codemirror.net/jstest.html
[XML_HTML]: http://codemirror.net/htmltest.html
[CSS]: http://codemirror.net/csstest.html
[SPARQL]: http://codemirror.net/sparqltest.html
[HTML mixed-mode]: http://codemirror.net/mixedtest.html
[HTML_PHP mixed-mode]: http://codemirror.net/contrib/php/index.html
[Yahoo]: http://codemirror.net/contrib/php/LICENSE
[Python]: http://codemirror.net/contrib/python/index.html
[Timothy Farrell]: http://codemirror.net/contrib/python/LICENSE
[Lua]: http://codemirror.net/contrib/lua/index.html
[Franciszek Wawrzak]: http://francio.pl/
[Ruby]: http://github.com/hakunin/ruby-in-codemirror/tree/master
[SQL]: http://codemirror.net/contrib/sql/index.html
[PLSQL]: http://codemirror.net/contrib/plsql/index.html
[Peter Raganitsch]: http://www.oracle-and-apex.com/
[diff]: http://www.liranuna.com/diff-parser-for-codemirror/
[Liran Nuna]: http://www.liranuna.com/
[Groovy]: http://codemirror.net/contrib/groovy/index.html
[eXo Platform]: http://exoplatform.org/
[C]: http://codemirror.net/contrib/csharp/index.html
[Boris Gaber and Christopher Buchino]: http://skilltesting.com/
[OmetaJS]: http://codemirror.net/contrib/ometa/index.html
[Eric KEDJI]: http://erickedji.wordpress.com/
[Scheme]: http://codemirror.net/contrib/scheme/index.html
[Danny Yoo]: http://hashcollision.org/