CodeMirror是一个利用JavaScript实现代码编辑器。它为使用者提供了几乎覆盖全部流行编程语言的代码高亮和自动缩进功能,在浏览器之上构建了一个简易的IDE。


相比于普通的代码高亮插件,CodeMirror还具有了大量的可编程接口,提供了诸如撤销、保存、替换、括号匹配、光标控制等通常IDE所应具有的API功能。因此,CodeMirror实质上已经做好了将自身作为浏览器中最佳IDE所需的一切。

基于此,许多CodeMirror插件已经出现,例如JavaScript的代码补全插件、搜索插件、代码折叠插件、XML标签自动闭合插件等等。

如何使用

和其它JavaScript库一样,首先需要做的就是包含它的JavaScript文件进入HTML文档:




在这之后就可以调用CodeMirror的初始化代码了:

var myCodeMirror = CodeMirror(document.body);

这样就可以将一个HTML元素初始化为CodeMirror的编辑框。不过通常我们还需要对CodeMirror做一些配置,因此,更常见的初始化通常是这样:

var myCodeMirror = CodeMirror(document.body, {
  value: "function myScript(){return 100;}\n",
  mode:  "javascript"
  //CodeMirror有数十个参数可供初始化时配置
});

许可证

CodeMirror的代码大体基于MIT许可证发行,但其中的某些文件以其它许可证发行。

同时,CodeMirror对商业性使用也提供商业许可。

About liuyanghejerry

富有激情的前端工程师,专注GUI开发。

Comments are closed.

Post Navigation