在线代码编辑器---codemirror插件

1.管网地址： http://codemirror.net/

2.插件调用方法：

3.常用事件

1.onChange(instance,changeObj)：codeMirror文本被修改后触发。

instance是一个当前的codemirror对象，changeObj是一个｛from，to，text[,removed][，origin]｝对象。其中from，to分别表示起始行对象和结束行对象，行对象包括ch：改变位置距离行头的间隔字符，line：改变的行数。text是一个字符串数组表示被修改的文本内容，即你输入的内容。

 

2.onBeforeChange(instance,changObj):内容改变前被调用

 

3.onCursorActivity(instance)：当鼠标点击内容区、选中内容、修改内容时被触发

 

4.onKeyHandled:(instance,name,event):当一个都dom元素的事件触发时调用，name为操作名称。

 

5.onInputRead(insatance,changeObj):当一个新的input从隐藏的textara读取出时调用

 

6.onBeforeSelectionChange(instance,obj):当选中的区域被改变时调用，obj对象是选择的范围和改变的内容（本人未测试成功）

 

7.onUpdate(instance):编辑器内容被改变时触发

 

8.onFocus(instance):编辑器获得焦点式触发

 

9.onBlur(instance):编辑器失去焦点时触发

 

常用方法：

getValue():获取编辑器文本内容

setValue(text):设置编辑器文本内容

getRange({line,ch},{line,ch}):获取指定范围内的文本内容第一个对象是起始坐标，第二个是结束坐标

replaceRange(replaceStr,{line,ch},{line,ch}):替换指定区域的内容

getLine(line)：获取指定行的文本内容

lineCount():统计编辑器内容行数

firstLine():获取第一行行数，默认为0，从开始计数

lastLine():获取最后一行行数

getLineHandle(line):根据行号获取行句柄

getSelection():获取鼠标选中区域的代码

replaceSelection(str):替换选中区域的代码

setSelection({line:num,ch:num1},{line:num2,ch:num3}):设置一个区域被选中

somethingSelected()：判断是否被选择

getEditor()：获取CodeMirror对像

undo()：撤销

redo():回退