CodeMirror 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
CodeMirror 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
CodeMirror 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」 !
CodeMirror 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」「最积极运营项目」 !
CodeMirror 获得 2020 年度 OSC 中国开源项目评选「最积极运营项目」 !
授权协议 MIT
开发语言 JavaScript
操作系统 跨平台
软件类型 开源软件
开源组织
地区 不详
提 交 者 不详
适用人群 未知
收录时间 2010-09-11

软件简介

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

本站的 RunJS.cn在线LESS编译器Markdown编辑器就是采用这个组件开发。

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

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

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

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

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

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

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (8)

加载中
牛皮
2018/07/23 09:34
回复
举报
打分: 较差
CodeMirror对滚动条的hack真心恶心。
2017/04/09 08:42
回复
举报
一个简单的 PHP 静态代码分析的在线工具,使用 CodeMirror 做的代码高亮 http://www.devbug.co.uk/
2012/05/21 07:33
回复
举报
好东西啊! CodeMirror
2013/05/08 14:13
回复
举报
使用 混合模式,text/html 时,高亮有问题,尤其是涉及到 html代码中大量 不严格闭合的 代码。或者是 <img src="" /> CodeMirror
2013/12/04 16:01
回复
举报
另外 github 源码地址已经改变了哦; CodeMirror
2013/12/04 16:01
回复
举报
nice code editor CodeMirror
2014/05/20 14:38
回复
举报
终于找到你! #CodeMirror#
2015/08/14 13:46
回复
举报
更多评论
2020/12/22 08:24

CodeMirror 5.59.0 发布,多功能在线代码编辑器

CodeMirror 5.59.0 现已发布。CodeMirror 是一款允许在浏览器中使用的多功能文本编辑器,专用于编辑代码,并附带超过 100 种语言模式和各种插件,可实现高级的代码编辑功能,包括代码高亮显示、功能扩展以及多个主题样式。 此版本更新内容: Bug fixes 修复最新 iPadOS 上的平台检测。 lint addon:不显示给定行的重复消...

0
3
2020/09/23 07:32

CodeMirror 5.58.0 发布,多功能在线代码编辑器

CodeMirror 5.58.0 现已发布。CodeMirror 是一款允许在浏览器中使用的多功能文本编辑器,专用于编辑代码,并附带超过 100 种语言模式和各种插件,可实现高级的代码编辑功能,包括代码高亮显示、功能扩展以及多个主题样式。 此版本更新内容: Bug fixes 使 backspace 按 code point 删除,而不是按 glyph 删除。 单击 Ch...

0
10
2020/08/22 07:53

CodeMirror 5.57.0 发布,多功能在线代码编辑器

CodeMirror 5.57.0 现已发布。CodeMirror 是一款允许在浏览器中使用的多功能文本编辑器,专用于编辑代码,并附带超过 100 种语言模式和各种插件,可实现高级的代码编辑功能,包括代码高亮显示、功能扩展以及多个主题样式。 此版本更新内容: Bug fixes 修复了 macOS 命令键的绑定中断问题。 comment addon:在添加 bloc...

0
11
发表于大前端专区
2020/02/23 07:50

CodeMirror 5.52.0 发布,多功能在线代码编辑器

CodeMirror 5.52.0 发布了。CodeMirror 是一款允许在浏览器中使用的多功能文本编辑器,专用于编辑代码,并附带超过 100 种语言模式和各种插件,可实现高级的代码编辑功能,包括代码高亮显示、功能扩展以及多个主题样式。 此版本更新内容: Bug fixes 修复了在编辑器中处理带有阿拉伯数字的文本错误 修复了将文件拖放与 ...

0
15
发表于大前端专区
2020/01/23 07:38

CodeMirror 5.51.0 发布,多功能在线代码编辑器

CodeMirror 5.51.0 发布了。CodeMirror 是一款允许在浏览器中使用的多功能文本编辑器,专用于编辑代码,并附带超过 100 种语言模式和各种插件,可实现高级的代码编辑功能,包括代码高亮显示、功能扩展以及多个主题样式。 此版本更新内容: Bug 修复 修复 当方向设置为 “rtl” 时, home 键和 end 键的行为。 删除多个文...

1
12
发表于大前端专区
2019/12/24 07:23

CodeMirror 5.50.0 发布,多功能在线代码编辑器

CodeMirror 5.50.0 发布了。CodeMirror 是一款允许在浏览器中使用的多功能文本编辑器,专用于编辑代码,并附带超过 100 种语言模式和各种插件,可实现高级的代码编辑功能,包括代码高亮显示、功能扩展以及多个主题样式。 此版本更新内容: Bug fixes Shift-Delete 删除可在 Firefox 上进行 closetag addon:正确处理自动...

1
17
发表于大前端专区
2019/10/24 07:12

CodeMirror 5.49.2 发布,多功能在线代码编辑器

CodeMirror 5.49.2 发布了。CodeMirror 是一款允许在浏览器中使用的多功能文本编辑器,专用于编辑代码,并附带超过 100 种语言模式和各种插件,可实现高级的代码编辑功能,包括代码高亮显示、功能扩展以及多个主题样式。 此版本更新内容: Bug fixes sublime bindings:当所有事件都被选中时,使 selectNextOccurrence 停...

0
11
发表于大前端专区
2019/08/20 07:23

CodeMirror 5.48.4 发布,多功能在线代码编辑器

CodeMirror 5.48.4 发布了。CodeMirror 是一款允许在浏览器中使用的多功能文本编辑器,专用于编辑代码,并附带超过 100 种语言模式和各种插件,可实现高级的代码编辑功能,包括代码高亮显示、功能扩展以及多个主题样式。 此版本更新内容: 使行元素的默认样式更具体,使其不应用编辑器中的所有 <pre> 元素。 视图中存在大...

0
11
发表于大前端专区
2019/07/21 07:33

CodeMirror 5.48.2 发布,多功能在线代码编辑器

CodeMirror 5.48.2 发布了。CodeMirror 是一款允许在浏览器中的多功能文本编辑器,专用于编辑代码,并附带超过 100 种语言模式和各种插件,可实现高级的代码编辑功能,包括代码高亮显示,功能扩展以及多个主题样式。 新版更新内容: Bug 修复 vim bindings:调整 char 转义替换以匹配 vim,支持 &/$0 search addon:尝试...

0
15
发表于大前端专区
2019/06/21 07:14

CodeMirror 5.48.0 发布,多功能在线代码编辑器

CodeMirror 5.48.0 发布了。CodeMirror 是一款允许在浏览器中的多功能文本编辑器,专用于编辑代码,并附带超过 100 种语言模式和各种插件,可实现高级的代码编辑功能,包括代码高亮显示,功能扩展以及多个主题样式。 版本特性 在 markText 中添加 selectLeft / selectRight 选项,对选择行为提供更多的控制 修复 bug 把从...

0
11
发表于大前端专区
2019/05/22 07:04

CodeMirror 5.47.0 发布,多功能在线代码编辑器

CodeMirror 5.47.0 发布了。CodeMirror 是一款允许在浏览器中的多功能文本编辑器,专用于编辑代码,并附带超过 100 种语言模式和各种插件,可实现高级的代码编辑功能,包括代码高亮显示,功能扩展以及多个主题样式。 新版更新内容: Bug 修复 python mode: 妥善处理 ... 同步问题。 ruby mode: 修复括号关闭之前的缩进。...

0
21
发表于大前端专区
2019/04/23 07:56

CodeMirror 5.46.0 发布,多功能在线代码编辑器

CodeMirror 5.46.0 已发布,这是一个 bug 修复版本,更新如下: 在编辑器输入字段中正确关闭autocorrect和autocapitalize 修复在拖动鼠标时调用swapDoc会导致错误的问题 matchesonscrollbar addon:确保匹配的大小写折叠设置与搜索的大小写相对应 swift模式:修复空字符串的处理 此外还增加了一个新功能:允许使用 gutt...

1
4
发表于大前端专区
2019/01/23 07:12

CodeMirror 5.43.0 发布,多功能在线代码编辑器

CodeMirror 5.43.0 发布了,CodeMirror 是一款允许在浏览器中的多功能文本编辑器,专用于编辑代码,并附带超过 100 种语言模式和各种插件,可实现高级的代码编辑功能,包括代码高亮显示,功能扩展以及多个主题样式。 更新内容如下: Bug 修复 修复在几种换行模式下通过参数indent时出现的错误。 JavaScript模式:修复了很...

0
10
发表于大前端专区
2019/01/05 07:04

CodeMirror 5.42.2 发布,多功能在线代码编辑器

CodeMirror 5.42.2 发布了,CodeMirror 是一款允许在浏览器中的多功能文本编辑器,专用于编辑代码,并附带超过 100 种语言模式和各种插件,可实现高级的代码编辑功能,包括代码高亮显示,功能扩展以及多个主题样式。 该版本更新如下: Bug 修复 修复当取消 beforeChange 事件时使多行文本框出错的 Bug。 修复菜单 Bug,以...

0
10
发表于大前端专区
2018/11/21 07:04

CodeMirror 5.42.0 发布,多功能在线代码编辑器

CodeMirror 5.42.0 发布了,CodeMirror 是一款允许在浏览器中的多功能文本编辑器,专用于编辑代码,并附带超过 100 种语言模式和各种插件,可实现高级的代码编辑功能,包括代码高亮显示,功能扩展以及多个主题样式。 该版本更新如下 Bug 修复 修复了宽字符可能导致线条比编辑器的水平滚动宽度更宽的问题 优化窗口大小调整...

0
14
发表于大前端专区
2018/10/27 07:09

CodeMirror 5.41.0 发布,多功能在线代码编辑器

CodeMirror 5.41.0 发布了,CodeMirror 是一款允许在浏览器中的多功能文本编辑器,专用于编辑代码,并附带超过 100 种语言模式和各种插件,可实现高级的代码编辑功能,包括代码高亮显示,功能扩展以及多个主题样式。 更新内容: Bug 修复 Fix firing of "gutterContextMenu" event on Firefox. Solve an issue where cop...

0
6
发表于大前端专区
2018/09/24 07:52

CodeMirror 5.40.2 发布,多功能在线代码编辑器

CodeMirror 5.40.2 发布了,CodeMirror 是一款允许在浏览器中的多功能文本编辑器,专用于编辑代码,并附带超过 100 种语言模式和各种插件,可实现高级的代码编辑功能,包括代码高亮显示,功能扩展以及多个主题样式。 这是 5.40.0 的首个补丁版本,修复了一些 bug: Fix firing of gutterContextMenu event on Firefox. ...

0
7
发表于大前端专区
2018/08/27 06:47

CodeMirror 5.40.0 发布,多功能在线代码编辑器

CodeMirror 5.40.0 发布了,CodeMirror 是一款允许在浏览器中的多功能文本编辑器,专用于编辑代码,并附带超过 100 种语言模式和各种插件,可实现高级的代码编辑功能,包括代码高亮显示,功能扩展以及多个主题样式。 CodeMirror 5.40.0 包含以下更新内容: Bug 修复 closebrackets addon: 修复了在标点符号之前括号关闭(...

0
8
发表于大前端专区
2018/07/21 06:31

CodeMirror 5.39.2 发布,多功能在线代码编辑器

CodeMirror 5.39.2 发布了,CodeMirror 是一款允许在浏览器中的多功能文本编辑器,专用于编辑代码,并附带超过 100 种语言模式和各种插件,可实现高级的代码编辑功能,包括代码高亮显示,功能扩展以及多个主题样式。 此次更新内容如下: Bug fixes 修复了将文档作为 Doc 实例传递给 CodeMirror 构造函数时忽略了 mode 选...

0
4
发表于大前端专区
2018/06/21 07:13

CodeMirror 5.39.0 发布,多功能在线代码编辑器

CodeMirror 是一款允许在浏览器中的多功能文本编辑器,专用于编辑代码,并附带超过 100 种语言模式和各种插件,可实现高级的代码编辑功能,包括代码高亮显示,功能扩展以及多个主题样式。 CodeMirror 5.39.0 包含以下更新内容: Bug 修复 解决某些情况下导致内容在调整大小后底部被裁剪的问题 markdown 模式:改善对 HT...

1
9
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
2018/05/02 00:07

codemirror用法

codemirror用法 发布:2018-05-02 00:07:02 ##初始化在线编辑器

0
0
发表了博客
2019/04/02 15:38

CodeMirror入门

使用CodeMirror实现一些自定义的规则 因为项目中需要一个能够实现自定义规则的文本编辑器,对比了几个库,最终还是选用了CodeMirror CodeMirror的优点 文档完善,简单易懂 Demo丰富 可扩展性强 今天我们就来实现一些自定义的语言规则,这些规则只是让大家对CodeMirror的使用方法有一个初步的了解,并不一定实用: ...

0
0
2020/12/22 19:38

bambu-codemirror-为CodeMirror编辑器添加静态文件-Steadman

bambu-codemirror-为CodeMirror编辑器添加静态文件-Steadman 发布:2020-12-22 19:38:03.041375 作者:Steadman ### 作者邮箱:mark@steadman.io ### 首页:http://pypi.python.org/pypi/bambu-codemirror ### 文档......

0
0
发表于程序人生专区
2018/05/02 00:07

codemirror用法

codemirror用法 发布:2018-05-02 00:07:02 ##初始化在线编辑器

0
0
发表了博客
2018/11/20 19:28

CodeMirror 使用

codemirror是一款在线代码编辑器,官网:https://codemirror.net/doc/manual.html#overview 使用说明 第一步 安装: npm install codemirror 第二部 导入: // import 'codemirror/' import CodeMirror from 'codemirror' import 'codemirror/lib/codemirror.css' // 引入mode 这里是sql import 'codemirror/mode/sq...

0
0
发表了博客
2020/11/29 10:34

CodeMirror安装及使用

Code mirror code mirror 是一个代码编辑插件,最终效果如下 在常规HTML界面使用 <!--选择脚本编码代码--> <div class="controls"> <input class="ck-code" type="radio" name="script_once_type" id="script_once_type1" checked> shell <input class="ck-code" type="radio" name="script_once_type" id="scr...

0
0
发表了博客
2018/12/28 19:58

CodeMirror的使用方法

这里是利用vue来开发项目: 1、利用textare生成编辑器 <textarea ref="textarea"></textarea> 2、创建编辑器对象 let editJson = CodeMirror.fromTextArea(this.$refs.textarea, { mode: 'application/json', // json数据高亮 lineNumbers: true, // 显示行号 theme: 'eclipse', //设置主题 ...

0
0
发表于大前端专区
2015/06/24 21:27

CodeMirror-SQLHint (autocomplete) 使用

codemirror是一个代码编辑器,支持多种成语语言的代码编辑、高亮、自动提示等,本篇介绍了其如何使用和配置。http://codemirror.net/

1
0
发表了博客
2020/05/31 16:12

codemirror主题效果概览

codemirror是目前最流行的在线编辑器插件,本文主要是罗列codemirror提供的所有主题效果,如果你需要使用codemirror制作一个在线编辑器,可以参考本文选择一个喜欢的主题。 本文使用的目标对象是vue,其他语言或框架也是类似的。为了减小纵向篇幅,这里使用了三个codemirror,分别展示template、script和style的效果。 ...

0
0
发表了博客
2018/07/25 11:20

CodeMirror 在线代码编辑器

像百度编辑器插件部分、菜鸟教程示例等高德地图都在使用,这里也记录一下: CodeMirror是一个用于编辑器文本框textarea代码高亮javascript插件...... vue 中使用 参见: https://www.npmjs.com/package/vue-codemirror https://blog.csdn.net/oumaharuki/article/details/79268498 普通使用例如: <!doctype html> <ti...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了问答
2012/05/23 17:46

pdf转word

不要再为PDF文件中的内容不能拷贝、编辑而烦恼啦!PDF转WORD工具是一款界面简洁,操作方便的PDF转WORD软件。有了PDF转WORD工具,您可以方便的将PDF文档转换为WORD DOC格式进行编辑和修改。PDF转WORD工具支持单页和多页转换,同时也可以让您来设定转换页面范围。 http://115.com/file/bech3gdc#pdf转word.zip...

6
2
发表了问答
2012/12/18 16:18

CodeMirror无法显示代码

我在项目中使用到了codemirror来高亮显示代码。 调用codemirror来显示一段Java代码,发现CodeMirror显示了一个空白的区域,并没有显示代码。如果调整一下浏览器大小,代码确可以显示出来。 请问大家有没有遇见过这样的情况。

3
1
发表了问答
2016/07/13 14:39

codeMirror自动解析SSI语句问题

最近在用codeMirror做网站模板预览,模板中有一部分SSI语句,用codeMirror看的时候它会把SSI引入的文件内容自动加载到模板里了,希望codeMirror不作SSI的预览处理。应该如何配置呢?

2
0
发表了问答
2012/04/25 17:39

codemirror 编辑器中连接

用codemirror编辑一个文件,如何实现点击文件中的字实现跳转到页面?编辑器中超链接。3q!

4
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
8 评论
899 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部