CodeMirror编辑器文本框文本框高亮插件

CodeMirror编辑器文本框文本框高亮插件,第1张

CodeMirror,字面意思翻译就是代码镜子,没错他就是用来美化代码的插件,支持超过60种
语言高亮显示,通过textarea文本框显示。

CodeMirror编辑器文本框文本框高亮插件,第2张


主要特性:
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>

DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
网站模板库 » CodeMirror编辑器文本框文本框高亮插件

0条评论

发表评论

提供最优质的资源集合

立即查看 了解详情