CodeMirror是一款开源的在线代码编辑器,基于Javascript,体积小巧,支持实时在线代码高亮显示,自动补全、自动缩进、智能提示等功能。丰富的API与CSS主题系统,方便拓展和嵌入到自定义程序中。

使用范例:

下载CodeMirror,然后在网页中可直接引入。如下代码即实现了一个可以高亮显示Java代码的编辑器:

<!--
最简单的CodeMirror编辑器
-->

<!DOCTYPE
html>

<html>

<!--下面两个是使用Code Mirror必须引入的-->
<link rel="stylesheet" href="codemirror-5.12/lib/codemirror.css">
<script src="codemirror-5.12/lib/codemirror.js"></script>

<!--Java代码高亮必须引入-->
<script src="codemirror-5.12/clike.js"></script>

<head>
<title>CodeMirrorTest</title>
</head>
<body>
<textarea id="code"></textarea>
</body>
<script type="text/javascript">
//根据DOM元素的id构造出一个编辑器
    var editor=CodeMirror.fromTextArea(document.getElementById("code"),{
                mode:"text/x-java" //实现Java代码高亮
        });
</script>
</html>


Github

codemirror / CodeMirror

In-browser code editor

http://codemirror.net/

下载信息

点击下载