Back

使用codemirror 对textarea中的输入的代码高亮。

发布时间: 2016-06-14 14:34:00

参考:  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; }

Back