0.定义一个包含codemirror的文本框:
<!--ambiance主题风格-->
<link rel="stylesheet" href="../codemirror-5.2/theme/ambiance.css">
<!--核心文件-->
<link type="text/css" rel="stylesheet" href="../codemirror-5.2/lib/codemirror.css"/>
<script type="text/javascript" src="../codemirror-5.2/lib/codemirror.js"></script>
<link type="text/css" rel="stylesheet" href="../codemirror-5.2/addon/hint/show-hint.css"/>
<script type="text/javascript" src="../codemirror-5.2/addon/hint/show-hint.js"></script>
<!--mysql高亮提示框-->
<script type="text/javascript" src="../codemirror-5.2/addon/hint/sql-hint.js"></script>
<script type="text/javascript" src="../codemirror-5.2/mode/sql/sql.js"></script>
<div>
<textarea id="code" name="code"></textarea>
</div>
1.获取codemirror这个对象:
var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
lineNumbers: true,
extraKeys: {"Ctrl": "autocomplete"},//输入s然后ctrl就可以弹出选择项
mode: {name: "text/x-mysql"}, //x-mysql
onChange:function (instance,changeObj) {
console.log("codemirror change");
var tt = window.parent.document.getElementById("tt");
var tab = $(tt).tabs("getSelected");
$(tt).tabs("update",{
tab : tab,
options : {
title : "新标题"
}
});
}
});
2.设置和获取codemirror的值:
var text1="123456";
editor.setValue(text1);
var text = editor.getValue();
3.在外部设置codemirror为只读:
editor.setOption("readOnly", true);
注意:用editor.readOnly=true设置是无效的