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设置是无效的
