CodeMirror事件和常用方法
2015-10-19 16:17
411 查看
常用事件
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():回退
uu
相关文章推荐
- 软件工程3——第四章 迭代一总结及感想
- 基于codeMirror的实时在线编辑器
- CodeMirror实现MySql关键字的变色和自动提示
- 2015.6.25(CodeMirror插件)
- codemirror 小功能的添加(点击删除默认的提示语)
- 代码编辑器CodeMirror常用API
- CodeMirror自动提醒配置
- bootstrap modal调用codemirror探索实践
- CodeMirror组件问题
- Typora 添加 Julia 代码高亮支持
- CodeMirror插件的高度自适应问题
- CodeMirror高亮插件同步改变显示的高度
- codeMirror支持sql输入提示
- js在线学习平台的介绍及安装
- 在线代码编辑器 CODEMIRROR 配置说明
- 代码高亮输入框实现
- 在vue里使用codemirror
- codemirror代码编辑器,检测语法高亮显示
- codeMirror事件的简单应用
- 高亮代码显示之HTML困惑