CodeMirror 3.0 发布

  • James Campos
  • 臧秀涛

2013 年 1 月 1 日

话题:JavaScriptHTML5语言 & 开发

CodeMirror是一款浏览器内的代码编辑器,最近发布了 3.0 版本,支持从右到左书写的脚本,支持任意字体和线高,还支持行内小工具(inline widget)。

在 v3 分支最初开启接近四个月之后,这个只是部分向后兼容的发布版本提供了下列新特性:

  1. 编辑器内可以使用任意字体和线高
  2. 正确处理从右向左书写的脚本(阿拉伯语和希伯来语)
  3. 在编辑器中插入行内小工具(在行间)
  4. 将任意内容替换为小工具
  5. 将某个范围内的文本标记为只读的或原子的(光标移动时将其当作一个单元)
  6. 更为模块化的事件处理(.on / .off 方法,而不是每个事件一个选项)
  7. 改进了扩展 API(定义了新选项,可以在不影响其他代码的情况下模块化地添加键位映射或线型)
  8. 支持多重沟槽(Gutter)
  9. 沟槽不再随着内容水平滚动

此外,CodeMirror 还提供了一些主要的编辑器特性,比如:

  1. 自动完成
  2. 查找 / 替换
  3. 代码折叠
  4. 语法高亮
  5. Emacs / vim 键位绑定
  6. 主题(Theming)
  7. 自动格式化代码

CodeMirror 可以嵌入到任何支持 JavaScript 的 Web 页面中,而且有很多实际应用。作为一个实验特性,WebKit 的 Web Inspector 编辑器可以替换为 CodeMirror,而且正在考虑替换 Firefox 的源码编辑器。

Brackets就是由 CodeMirror 驱动的,这是一款由 Adobe 创建并维护的、专注于 Web 开发的开源代码编辑器。其快速编辑(Quick Edit)特性支持用户打开一个行内编辑器,显示选定 HTML tag 相关的 CSS 规则。

Light Table是另一个由 CodeMirror 驱动的 IDE,它包含了一个实时调试器,能够展示出输入流过代码并产生最终输出的过程。由于Kickstarter的成功资助,Light Table 计划于明年 5 月正式推出。

参考英文原文CodeMirror 3.0 Released

JavaScriptHTML5语言 & 开发