标签归档：codemirror

RSS feed of codemirror

TinyMCE4集成CodeMirror插件
作者是 发布于 .

TinyMCE wysiwyg 编辑器是一款非常基本的HTML源代码编辑器。作者实现了一款针对TinyMCE的插件使得编辑HTML源代码的经历更加令人愉快。这款插件基于卓越的CodeMirror代码编辑器，由Marijn Haverbeke开发。

CodeMirror4TinyMCE项目链接：http://www.avoid.org/codemirror-for-tinymce4/

这款插件提供了如下功能：

  1. HTML, Javascript和PHP代码语法高亮
  2. 显示行号
  3. 高亮当前编辑行
  4. 自动缩进
  5. 多重Undo/Redo
  6. 搜索/替换功能
  7. 等等...

说明：

  • 下载和安装TinyMCE4并确保其可以在缺省设置下运行
  • 下载CodeMirror插件的源文件(codemirror.zip 或者 codemirror.tar.gz)
  • 将下载到的文件解压至tinymce/plugins目录。新建一个文件夹命名为codemirror
  • 下载CodeMirror(3.13或以上版本)，链接地址：https://codemirror.net/codemirror-latest.zip
  • 解压codemirror-latest.zip到刚才创建的plugins/codemirror目录下。一个命名为CodeMirror的目录将被生成。

在TinyMCE中激活codemirror插件：

plugins:['codemirror']

可选的，在TinyMCE工具栏中添加代码按钮：

toolbar: 'undo redo | styleselect | bold italic | ...

继续阅读

CodeMirror代码编辑器简介
作者是 发布于 .

CodeMirror简介：

CodeMirror是一款使用JavaScript实现，面向浏览器的多功能文本编辑器。

它专门用于代码的编辑，并附带了一些语言模式和插件来实现更加高级的编辑功能。

丰富的编程API和一个CSS主题化系统可用于定制CodeMirror以适合您的应用程序，并将其与新的功能扩展。

CodeMirror项目网站：https://codemirror.net/

CodeMirror的特性：

  • 支持超过60种编程语言
  • 强大的、可组合的语言模式系统
  • 自动补全（XML）
  • 代码折叠
  • 可配置的按键绑定
  • Vim与Emacs绑定
  • 搜索和替换接口
  • 括号和标签匹配
  • 支持分割视图
  • Linter集成
  • 混合的字体大小和样式
  • 多种主题
  • 能够调整大小以适应内容
  • 内联和块级部件
  • 可编程的gutters
  • 为一定范围的文本添加样式，设为只读，或者原子的
  • 双向文本支持
  • 许多其它的方法和插件

社区：

CodeMirror是一个使用MIT协议进行共享的开源项目。它被应用在Light Table, Adobe Brackets, Google Apps Script, Bitbucket 等许多其它项目当中。

开发和Bug跟踪使用github。使用pull请求来提交补丁。所有的代码贡献必须在CodeMirror所使用的MIT协议下发布。

项目讨论通过邮件列表来完成。同时也有一个codemirror-announce列表，它只用作发布重要的声明（比如新版本的发布）。如果需要，你可以直接联系维护人员。

未包含在主要发行版中而与CodeMirror相关的软件清单维护在我们的wiki上。你可以随时添加自己的项目

浏览器支持：

以下浏览器的桌面版本，在标准模式下（推荐使用HTML5<!doctype ...

继续阅读