使用CodeMirror突出显示textarea中的文本？

Question

我有一个textarea，按钮点击将填充某个文件的内容。我正在尝试实现CodeMirror，它将自动突出显示加载到textarea中的代码的语法。

Answer 1

你必须确保你已经加载了正确的模式js文件（查看小提琴中的外部资源），然后就像setValue调用一样简单。

http://jsfiddle.net/blaird/mssrahz1/1/

var myCodeMirror = CodeMirror.fromTextArea(document.getElementById("editor"), {
    lineNumbers: true,
    mode: "htmlmixed"
});

var loadButton = document.getElementById("load");
loadButton.onclick = function () {
    // here you'd load your file and then call setValue with the result
    myCodeMirror.setValue("<div>Hi There</div>\n<ul>\n\t<li>one</li>\n</ul>");
};