codemirror 常见操作

本文主要是介绍codemirror 常见操作，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

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

这篇关于codemirror 常见操作的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---