1.管網(wǎng)地址：?http://codemirror.net/

2.插件調(diào)用方法：

3.常用事件

1.onChange(instance,changeObj)：codeMirror文本被修改后觸發(fā)。

instance是一個(gè)當(dāng)前的codemirror對(duì)象，changeObj是一個(gè)｛from，to，text[,removed][，origin]｝對(duì)象。其中from，to分別表示起始行對(duì)象和結(jié)束行對(duì)象，行對(duì)象包括ch：改變位置距離行頭的間隔字符，line：改變的行數(shù)。text是一個(gè)字符串?dāng)?shù)組表示被修改的文本內(nèi)容，即你輸入的內(nèi)容。

?

2.onBeforeChange(instance,changObj):內(nèi)容改變前被調(diào)用

?

3.onCursorActivity(instance)：當(dāng)鼠標(biāo)點(diǎn)擊內(nèi)容區(qū)、選中內(nèi)容、修改內(nèi)容時(shí)被觸發(fā)

?

4.onKeyHandled:(instance,name,event):當(dāng)一個(gè)都dom元素的事件觸發(fā)時(shí)調(diào)用，name為操作名稱。

?

5.onInputRead(insatance,changeObj):當(dāng)一個(gè)新的input從隱藏的textara讀取出時(shí)調(diào)用

?

6.onBeforeSelectionChange(instance,obj):當(dāng)選中的區(qū)域被改變時(shí)調(diào)用，obj對(duì)象是選擇的范圍和改變的內(nèi)容（本人未測(cè)試成功）

?

7.onUpdate(instance):編輯器內(nèi)容被改變時(shí)觸發(fā)

?

8.onFocus(instance):編輯器獲得焦點(diǎn)式觸發(fā)

?

9.onBlur(instance):編輯器失去焦點(diǎn)時(shí)觸發(fā)

?

常用方法：

getValue():獲取編輯器文本內(nèi)容

setValue(text):設(shè)置編輯器文本內(nèi)容

getRange({line,ch},{line,ch}):獲取指定范圍內(nèi)的文本內(nèi)容第一個(gè)對(duì)象是起始坐標(biāo)，第二個(gè)是結(jié)束坐標(biāo)

replaceRange(replaceStr,{line,ch},{line,ch}):替換指定區(qū)域的內(nèi)容

getLine(line)：獲取指定行的文本內(nèi)容

lineCount():統(tǒng)計(jì)編輯器內(nèi)容行數(shù)

firstLine():獲取第一行行數(shù)，默認(rèn)為0，從開始計(jì)數(shù)

lastLine():獲取最后一行行數(shù)

getLineHandle(line):根據(jù)行號(hào)獲取行句柄

getSelection():獲取鼠標(biāo)選中區(qū)域的代碼

replaceSelection(str):替換選中區(qū)域的代碼

setSelection({line:num,ch:num1},{line:num2,ch:num3}):設(shè)置一個(gè)區(qū)域被選中

somethingSelected()：判斷是否被選擇

getEditor()：獲取CodeMirror對(duì)像

undo()：撤銷

redo():回退

轉(zhuǎn)載于:https://www.cnblogs.com/yangchunlong/p/8286785.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。