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():回退

轉載于:https://www.cnblogs.com/yangchunlong/p/8286785.html

總結

以上是生活随笔為你收集整理的在线代码编辑器---codemirror插件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。