html代码在线高亮美化,代码语法高亮美化显示插件CodeMirror

代码语法高亮美化显示插件CodeMirror

文章来源：原创 作者:JS代码网 时间:2013-10-31 访问: 下载次数：

CodeMirror，字面意思翻译就是代码镜子，没错他就是用来美化代码的插件，支持超过60种

语言高亮显示，通过textarea文本框显示。

主要特性：

1.众多语言的支持

2.多语言组合模式的支持

3.自动完成(xml)

4.代码折叠

5.可配置的键绑定

6.支持搜索和替换的接口

7.支持拆分视图

8.混用不同的字体大小和样式

9.不同的主题

10.可调整尺寸适配内容

11.双向文本支持

12.许多其他的方法和插件

浏览器兼容：

Firefo3+

Chrome

Safari5.2+

IE8+

Opera9+

以上浏览器仅表示运行出色

调用方法：

1.加载文件

2.书写HTML内容

var editor = CodeMirror.fromTextArea(myTextarea, {

mode: "text/html"

});

3.调用函数

var editor = CodeMirror.fromTextArea(document.getElementById("demotext"), {

lineNumbers: true,

mode: "text/html",

matchBrackets: true

});

分享给朋友：