使用codemirror 对textarea中的输入的代码高亮。
访问量: 3155
参考： http://codemirror.net/mode/ruby/
先增加如下的JS， CSS： （使用了我自己的CDN）
+<link rel="stylesheet" href="http://files.tidev.in//image/36/codemirror.css">
+<script src="http://files.tidev.in//image/35/codemirror.js"></script>
+<script src="http://files.tidev.in//image/37/ruby.js"></script>
2. 有一个textarea , 带个id:
<textarea id='fetch_rule_code'>,...</textarea>
3. 有下面的JS语句，记得 mode 就是 语言。
+ var editor = CodeMirror.fromTextArea(document.getElementById("fetch_rule_code"), {
+ lineNumbers: true,
+ mode: "ruby",
+ matchBrackets: true
+ });
4. 最后，加个样式：
.cm-s-default{ border: 1px solid #ddd; }