在線代碼編輯器---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():回退