CodeMirror编辑器文本框文本框高亮插件
CodeMirror,字面意思翻译就是代码镜子,没错他就是用来美化代码的插件,支持超过60种
语言高亮显示,通过textarea文本框显示。
主要特性:
1.众多语言的支持
2.多语言组合模式的支持
3.自动完成(xml)
4.代码折叠
5.可配置的键绑定
6.支持搜索和替换的接口
7.支持拆分视图
8.混用不同的字体大小和样式
9.不同的主题
10.可调整尺寸适配内容
11.双向文本支持
12.许多其他的方法和插件
浏览器兼容: Firefo3+ Chrome Safari5.2+ IE8+ Opera9+ 以上浏览器仅表示运行出色调用方法:1.加载文件
语言高亮显示,通过textarea文本框显示。
主要特性:
1.众多语言的支持
2.多语言组合模式的支持
3.自动完成(xml)
4.代码折叠
5.可配置的键绑定
6.支持搜索和替换的接口
7.支持拆分视图
8.混用不同的字体大小和样式
9.不同的主题
10.可调整尺寸适配内容
11.双向文本支持
12.许多其他的方法和插件
浏览器兼容: Firefo3+ Chrome Safari5.2+ IE8+ Opera9+ 以上浏览器仅表示运行出色调用方法:1.加载文件
<link rel=stylesheet href="lib/codemirror.css"><script src="lib/codemirror.js"></script><script src="mode/javascript/javascript.js"></script><script src="mode/css/css.js"></script>2.书写HTML内容
<textarea id=demotext><!-- Create a simple CodeMirror instance --><link rel="stylesheet" href="lib/codemirror.css"><script src="lib/codemirror.js"></script><script> var editor = CodeMirror.fromTextArea(myTextarea, { mode: "text/html" });</script></textarea>3.调用函数
<script> var editor = CodeMirror.fromTextArea(document.getElementById("demotext"), { lineNumbers: true, mode: "text/html", matchBrackets: true });</script>
0条评论