codeMirror编写属于自己的编辑器_Jovan的博客

codeMirror是一款十分强大的代码编辑插件，提供了十分丰富的API，

codeMirror调用非常方便

首先在页面中载入插件CSS及JS文件

<link href="/go.html?url=/static/codemirror/lib/codemirror.css" rel="stylesheet" >

<script src="/static/codemirror/lib/codemirror.js"></script>

同时加载你所需要使用的脚本JS及风格样式CSS文件，如下举例：

<!--begin code mirror -->

<!--下面两个是使用Code Mirror必须引入的-->

<link rel="stylesheet" href="/go.html?url=lib/codemirror.css"/>

<script src="lib/codemirror.js"></script>

<!--Java代码高亮必须引入-->

<script src="clike.js"></script>

<!--groovy代码高亮-->

<script src="mode/groovy/groovy.js"></script>

<script src="mode/python/python.js"></script>

<script src="mode/javascript/javascript.js"></script>

<!--引入css文件，用以支持主题-->

<!-- <link rel="stylesheet" href="/go.html?url=theme/dracula.css"/> -->

<link rel="stylesheet" href="/go.html?url=theme/blackboard.css"/>



<!--支持代码折叠-->

<link rel="stylesheet" href="/go.html?url=addon/fold/foldgutter.css"/>

<script src="addon/fold/foldcode.js"></script>

<script src="addon/fold/foldgutter.js"></script>

<script src="addon/fold/brace-fold.js"></script>

<script src="addon/fold/comment-fold.js"></script>

<!--括号匹配-->

<script src="addon/edit/matchbrackets.js"></script>codeMirror是一款十分强大的代码编辑插件，提供了十分丰富的API，

codeMirr