zoukankan      html  css  js  c++  java
  • 在线代码编辑器---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():回退

  • 相关阅读:
    ConcurrentHashMap源码阅读
    java中Scanner类nextLine()和next()的区别和使用方法
    setuid
    lsattr
    设置umask
    touch
    od
    vi 搜索
    nl
    cat 参数
  • 原文地址:https://www.cnblogs.com/yangchunlong/p/8286785.html
Copyright © 2011-2022 走看看