awesome-vue2-ace-editor/ace/api/edit_session.html

Ace (Ajax.org Cloud9 Editor) component for Vue2, may be the most perfect.

<div id="documentation" class="span7">
  <div class="classContent">
    <div class="membersBackground"></div>
    <div class=" members pos0">
      <div class=" membersContent pos0">
        <h1 class="memberHeader"><span class="name">EditSession</span>
        </h1>
        <ul data-tabs="tabs" class="nav tabs pos0">
          <li data-dropdown="dropdown" class="dropdown"><a href="#" data-toggle="dropdown" class="dropdown-toggle"><span>Events (15)</span><b class="caret"></b></a>
            <ul class="dropdown-menu">
              <li id="dropdown_EditSession.event.change" data-id="EditSession.event.change" class="memberLink"><a href="#EditSession.event.change" class="" title="EditSession.event.change (event)" data-id="EditSession.event.change">change</a>
              </li>
              <li id="dropdown_EditSession.event.changeAnnotation" data-id="EditSession.event.changeAnnotation" class="memberLink"><a href="#EditSession.event.changeAnnotation" class="" title="EditSession.event.changeAnnotation (event)" data-id="EditSession.event.changeAnnotation">changeAnnotation</a>
              </li>
              <li id="dropdown_EditSession.event.changeBackMarker" data-id="EditSession.event.changeBackMarker" class="memberLink"><a href="#EditSession.event.changeBackMarker" class="" title="EditSession.event.changeBackMarker (event)" data-id="EditSession.event.changeBackMarker">changeBackMarker</a>
              </li>
              <li id="dropdown_EditSession.event.changeBreakpoint" data-id="EditSession.event.changeBreakpoint" class="memberLink"><a href="#EditSession.event.changeBreakpoint" class="" title="EditSession.event.changeBreakpoint (event)" data-id="EditSession.event.changeBreakpoint">changeBreakpoint</a>
              </li>
              <li id="dropdown_EditSession.event.changeFold" data-id="EditSession.event.changeFold" class="memberLink"><a href="#EditSession.event.changeFold" class="" title="EditSession.event.changeFold (event)" data-id="EditSession.event.changeFold">changeFold</a>
              </li>
              <li id="dropdown_EditSession.event.changeFrontMarker" data-id="EditSession.event.changeFrontMarker" class="memberLink"><a href="#EditSession.event.changeFrontMarker" class="" title="EditSession.event.changeFrontMarker (event)" data-id="EditSession.event.changeFrontMarker">changeFrontMarker</a>
              </li>
              <li id="dropdown_EditSession.event.changeMode" data-id="EditSession.event.changeMode" class="memberLink"><a href="#EditSession.event.changeMode" class="" title="EditSession.event.changeMode (event)" data-id="EditSession.event.changeMode">changeMode</a>
              </li>
              <li id="dropdown_EditSession.event.changeOverwrite" data-id="EditSession.event.changeOverwrite" class="memberLink"><a href="#EditSession.event.changeOverwrite" class="" title="EditSession.event.changeOverwrite (event)" data-id="EditSession.event.changeOverwrite">changeOverwrite</a>
              </li>
              <li id="dropdown_EditSession.event.changeScrollLeft" data-id="EditSession.event.changeScrollLeft" class="memberLink"><a href="#EditSession.event.changeScrollLeft" class="" title="EditSession.event.changeScrollLeft (event)" data-id="EditSession.event.changeScrollLeft">changeScrollLeft</a>
              </li>
              <li id="dropdown_EditSession.event.changeScrollTop" data-id="EditSession.event.changeScrollTop" class="memberLink"><a href="#EditSession.event.changeScrollTop" class="" title="EditSession.event.changeScrollTop (event)" data-id="EditSession.event.changeScrollTop">changeScrollTop</a>
              </li>
              <li id="dropdown_EditSession.event.changeTabSize" data-id="EditSession.event.changeTabSize" class="memberLink"><a href="#EditSession.event.changeTabSize" class="" title="EditSession.event.changeTabSize (event)" data-id="EditSession.event.changeTabSize">changeTabSize</a>
              </li>
              <li id="dropdown_EditSession.event.changeWrapLimit" data-id="EditSession.event.changeWrapLimit" class="memberLink"><a href="#EditSession.event.changeWrapLimit" class="" title="EditSession.event.changeWrapLimit (event)" data-id="EditSession.event.changeWrapLimit">changeWrapLimit</a>
              </li>
              <li id="dropdown_EditSession.event.changeWrapMode" data-id="EditSession.event.changeWrapMode" class="memberLink"><a href="#EditSession.event.changeWrapMode" class="" title="EditSession.event.changeWrapMode (event)" data-id="EditSession.event.changeWrapMode">changeWrapMode</a>
              </li>
              <li id="dropdown_EditSession.event.tokenizerUpdate" data-id="EditSession.event.tokenizerUpdate" class="memberLink"><a href="#EditSession.event.tokenizerUpdate" class="" title="EditSession.event.tokenizerUpdate (event)" data-id="EditSession.event.tokenizerUpdate">tokenizerUpdate</a>
              </li>
            </ul>
          </li>
          <li data-dropdown="dropdown" class="dropdown"><a href="#" data-toggle="dropdown" class="dropdown-toggle"><span>Constructors (1)</span><b class="caret"></b></a>
            <ul class="dropdown-menu">
              <li id="dropdown_EditSession.new" data-id="EditSession.new" class="memberLink"><a href="#EditSession.new" class="" title="EditSession.new (constructor)" data-id="EditSession.new">new</a>
              </li>
            </ul>
          </li>
          <li data-dropdown="dropdown" class="dropdown"><a href="#" data-toggle="dropdown" class="dropdown-toggle"><span>Functions (97)</span><b class="caret"></b></a>
            <ul class="dropdown-menu">
              <li id="dropdown_EditSession.addDynamicMarker" data-id="EditSession.addDynamicMarker" class="memberLink"><a href="#EditSession.addDynamicMarker" class="" title="EditSession.addDynamicMarker (class method)" data-id="EditSession.addDynamicMarker">addDynamicMarker</a>
              </li>
              <li id="dropdown_EditSession.addGutterDecoration" data-id="EditSession.addGutterDecoration" class="memberLink"><a href="#EditSession.addGutterDecoration" class="" title="EditSession.addGutterDecoration (class method)" data-id="EditSession.addGutterDecoration">addGutterDecoration</a>
              </li>
              <li id="dropdown_EditSession.addMarker" data-id="EditSession.addMarker" class="memberLink"><a href="#EditSession.addMarker" class="" title="EditSession.addMarker (class method)" data-id="EditSession.addMarker">addMarker</a>
              </li>
              <li id="dropdown_EditSession.clearAnnotations" data-id="EditSession.clearAnnotations" class="memberLink"><a href="#EditSession.clearAnnotations" class="" title="EditSession.clearAnnotations (class method)" data-id="EditSession.clearAnnotations">clearAnnotations</a>
              </li>
              <li id="dropdown_EditSession.clearBreakpoint" data-id="EditSession.clearBreakpoint" class="memberLink"><a href="#EditSession.clearBreakpoint" class="" title="EditSession.clearBreakpoint (class method)" data-id="EditSession.clearBreakpoint">clearBreakpoint</a>
              </li>
              <li id="dropdown_EditSession.clearBreakpoints" data-id="EditSession.clearBreakpoints" class="memberLink"><a href="#EditSession.clearBreakpoints" class="" title="EditSession.clearBreakpoints (class method)" data-id="EditSession.clearBreakpoints">clearBreakpoints</a>
              </li>
              <li id="dropdown_EditSession.documentToScreenColumn" data-id="EditSession.documentToScreenColumn" class="memberLink"><a href="#EditSession.documentToScreenColumn" class="" title="EditSession.documentToScreenColumn (class method)" data-id="EditSession.documentToScreenColumn">documentToScreenColumn</a>
              </li>
              <li id="dropdown_EditSession.documentToScreenPosition" data-id="EditSession.documentToScreenPosition" class="memberLink"><a href="#EditSession.documentToScreenPosition" class="" title="EditSession.documentToScreenPosition (class method)" data-id="EditSession.documentToScreenPosition">documentToScreenPosition</a>
              </li>
              <li id="dropdown_EditSession.documentToScreenRow" data-id="EditSession.documentToScreenRow" class="memberLink"><a href="#EditSession.documentToScreenRow" class="" title="EditSession.documentToScreenRow (class method)" data-id="EditSession.documentToScreenRow">documentToScreenRow</a>
              </li>
              <li id="dropdown_EditSession.duplicateLines" data-id="EditSession.duplicateLines" class="memberLink"><a href="#EditSession.duplicateLines" class="" title="EditSession.duplicateLines (class method)" data-id="EditSession.duplicateLines">duplicateLines</a>
              </li>
              <li id="dropdown_EditSession.getAnnotations" data-id="EditSession.getAnnotations" class="memberLink"><a href="#EditSession.getAnnotations" class="" title="EditSession.getAnnotations (class method)" data-id="EditSession.getAnnotations">getAnnotations</a>
              </li>
              <li id="dropdown_EditSession.getAWordRange" data-id="EditSession.getAWordRange" class="memberLink"><a href="#EditSession.getAWordRange" class="" title="EditSession.getAWordRange (class method)" data-id="EditSession.getAWordRange">getAWordRange</a>
              </li>
              <li id="dropdown_EditSession.getBreakpoints" data-id="EditSession.getBreakpoints" class="memberLink"><a href="#EditSession.getBreakpoints" class="" title="EditSession.getBreakpoints (class method)" data-id="EditSession.getBreakpoints">getBreakpoints</a>
              </li>
              <li id="dropdown_EditSession.getDocument" data-id="EditSession.getDocument" class="memberLink"><a href="#EditSession.getDocument" class="" title="EditSession.getDocument (class method)" data-id="EditSession.getDocument">getDocument</a>
              </li>
              <li id="dropdown_EditSession.getDocumentLastRowColumn" data-id="EditSession.getDocumentLastRowColumn" class="memberLink"><a href="#EditSession.getDocumentLastRowColumn" class="" title="EditSession.getDocumentLastRowColumn (class method)" data-id="EditSession.getDocumentLastRowColumn">getDocumentLastRowColumn</a>
              </li>
              <li id="dropdown_EditSession.getDocumentLastRowColumnPosition" data-id="EditSession.getDocumentLastRowColumnPosition" class="memberLink"><a href="#EditSession.getDocumentLastRowColumnPosition" class="" title="EditSession.getDocumentLastRowColumnPosition (class method)" data-id="EditSession.getDocumentLastRowColumnPosition">getDocumentLastRowColumnPosition</a>
              </li>
              <li id="dropdown_EditSession.getLength" data-id="EditSession.getLength" class="memberLink"><a href="#EditSession.getLength" class="" title="EditSession.getLength (class method)" data-id="EditSession.getLength">getLength</a>
              </li>
              <li id="dropdown_EditSession.getLine" data-id="EditSession.getLine" class="memberLink"><a href="#EditSession.getLine" class="" title="EditSession.getLine (class method)" data-id="EditSession.getLine">getLine</a>
              </li>
              <li id="dropdown_EditSession.getLines" data-id="EditSession.getLines" class="memberLink"><a href="#EditSession.getLines" class="" title="EditSession.getLines (class method)" data-id="EditSession.getLines">getLines</a>
              </li>
              <li id="dropdown_EditSession.getMarkers" data-id="EditSession.getMarkers" class="memberLink"><a href="#EditSession.getMarkers" class="" title="EditSession.getMarkers (class method)" data-id="EditSession.getMarkers">getMarkers</a>
              </li>
              <li id="dropdown_EditSession.getMode" data-id="EditSession.getMode" class="memberLink"><a href="#EditSession.getMode" class="" title="EditSession.getMode (class method)" data-id="EditSession.getMode">getMode</a>
              </li>
              <li id="dropdown_EditSession.getNewLineMode" data-id="EditSession.getNewLineMode" class="memberLink"><a href="#EditSession.getNewLineMode" class="" title="EditSession.getNewLineMode (class method)" data-id="EditSession.getNewLineMode">getNewLineMode</a>
              </li>
              <li id="dropdown_EditSession.getOverwrite" data-id="EditSession.getOverwrite" class="memberLink"><a href="#EditSession.getOverwrite" class="" title="EditSession.getOverwrite (class method)" data-id="EditSession.getOverwrite">getOverwrite</a>
              </li>
              <li id="dropdown_EditSession.getRowLength" data-id="EditSession.getRowLength" class="memberLink"><a href="#EditSession.getRowLength" class="" title="EditSession.getRowLength (class method)" data-id="EditSession.getRowLength">getRowLength</a>
              </li>
              <li id="dropdown_EditSession.getRowSplitData" data-id="EditSession.getRowSplitData" class="memberLink"><a href="#EditSession.getRowSplitData" class="" title="EditSession.getRowSplitData (class method)" data-id="EditSession.getRowSplitData">getRowSplitData</a>
              </li>
              <li id="dropdown_EditSession.getScreenLastRowColumn" data-id="EditSession.getScreenLastRowColumn" class="memberLink"><a href="#EditSession.getScreenLastRowColumn" class="" title="EditSession.getScreenLastRowColumn (class method)" data-id="EditSession.getScreenLastRowColumn">getScreenLastRowColumn</a>
              </li>
              <li id="dropdown_EditSession.getScreenLength" data-id="EditSession.getScreenLength" class="memberLink"><a href="#EditSession.getScreenLength" class="" title="EditSession.getScreenLength (class method)" data-id="EditSession.getScreenLength">getScreenLength</a>
              </li>
              <li id="dropdown_EditSession.getScreenTabSize" data-id="EditSession.getScreenTabSize" class="memberLink"><a href="#EditSession.getScreenTabSize" class="" title="EditSession.getScreenTabSize (class method)" data-id="EditSession.getScreenTabSize">getScreenTabSize</a>
              </li>
              <li id="dropdown_EditSession.getScreenWidth" data-id="EditSession.getScreenWidth" class="memberLink"><a href="#EditSession.getScreenWidth" class="" title="EditSession.getScreenWidth (class method)" data-id="EditSession.getScreenWidth">getScreenWidth</a>
              </li>
              <li id="dropdown_EditSession.getScrollLeft" data-id="EditSession.getScrollLeft" class="memberLink"><a href="#EditSession.getScrollLeft" class="" title="EditSession.getScrollLeft (class method)" data-id="EditSession.getScrollLeft">getScrollLeft</a>
              </li>
              <li id="dropdown_EditSession.getScrollTop" data-id="EditSession.getScrollTop" class="memberLink"><a href="#EditSession.getScrollTop" class="" title="EditSession.getScrollTop (class method)" data-id="EditSession.getScrollTop">getScrollTop</a>
              </li>
              <li id="dropdown_EditSession.getSelection" data-id="EditSession.getSelection" class="memberLink"><a href="#EditSession.getSelection" class="" title="EditSession.getSelection (class method)" data-id="EditSession.getSelection">getSelection</a>
              </li>
              <li id="dropdown_EditSession.getState" data-id="EditSession.getState" class="memberLink"><a href="#EditSession.getState" class="" title="EditSession.getState (class method)" data-id="EditSession.getState">getState</a>
              </li>
              <li id="dropdown_EditSession.getTabSize" data-id="EditSession.getTabSize" class="memberLink"><a href="#EditSession.getTabSize" class="" title="EditSession.getTabSize (class method)" data-id="EditSession.getTabSize">getTabSize</a>
              </li>
              <li id="dropdown_EditSession.getTabString" data-id="EditSession.getTabString" class="memberLink"><a href="#EditSession.getTabString" class="" title="EditSession.getTabString (class method)" data-id="EditSession.getTabString">getTabString</a>
              </li>
              <li id="dropdown_EditSession.getTextRange" data-id="EditSession.getTextRange" class="memberLink"><a href="#EditSession.getTextRange" class="" title="EditSession.getTextRange (class method)" data-id="EditSession.getTextRange">getTextRange</a>
              </li>
              <li id="dropdown_EditSession.getTokenAt" data-id="EditSession.getTokenAt" class="memberLink"><a href="#EditSession.getTokenAt" class="" title="EditSession.getTokenAt (class method)" data-id="EditSession.getTokenAt">getTokenAt</a>
              </li>
              <li id="dropdown_EditSession.getTokens" data-id="EditSession.getTokens" class="memberLink"><a href="#EditSession.getTokens" class="" title="EditSession.getTokens (class method)" data-id="EditSession.getTokens">getTokens</a>
              </li>
              <li id="dropdown_EditSession.getUndoManager" data-id="EditSession.getUndoManager" class="memberLink"><a href="#EditSession.getUndoManager" class="" title="EditSession.getUndoManager (class method)" data-id="EditSession.getUndoManager">getUndoManager</a>
              </li>
              <li id="dropdown_EditSession.getUseSoftTabs" data-id="EditSession.getUseSoftTabs" class="memberLink"><a href="#EditSession.getUseSoftTabs" class="" title="EditSession.getUseSoftTabs (class method)" data-id="EditSession.getUseSoftTabs">getUseSoftTabs</a>
              </li>
              <li id="dropdown_EditSession.getUseWorker" data-id="EditSession.getUseWorker" class="memberLink"><a href="#EditSession.getUseWorker" class="" title="EditSession.getUseWorker (class method)" data-id="EditSession.getUseWorker">getUseWorker</a>
              </li>
              <li id="dropdown_EditSession.getUseWrapMode" data-id="EditSession.getUseWrapMode" class="memberLink"><a href="#EditSession.getUseWrapMode" class="" title="EditSession.getUseWrapMode (class method)" data-id="EditSession.getUseWrapMode">getUseWrapMode</a>
              </li>
              <li id="dropdown_EditSession.getValue" data-id="EditSession.getValue" class="memberLink"><a href="#EditSession.getValue" class="" title="EditSession.getValue (class method)" data-id="EditSession.getValue">getValue</a>
              </li>
              <li id="dropdown_EditSession.getWordRange" data-id="EditSession.getWordRange" class="memberLink"><a href="#EditSession.getWordRange" class="" title="EditSession.getWordRange (class method)" data-id="EditSession.getWordRange">getWordRange</a>
              </li>
              <li id="dropdown_EditSession.getWrapLimit" data-id="EditSession.getWrapLimit" class="memberLink"><a href="#EditSession.getWrapLimit" class="" title="EditSession.getWrapLimit (class method)" data-id="EditSession.getWrapLimit">getWrapLimit</a>
              </li>
              <li id="dropdown_EditSession.getWrapLimitRange" data-id="EditSession.getWrapLimitRange" class="memberLink"><a href="#EditSession.getWrapLimitRange" class="" title="EditSession.getWrapLimitRange (class method)" data-id="EditSession.getWrapLimitRange">getWrapLimitRange</a>
              </li>
              <li id="dropdown_EditSession.highlight" data-id="EditSession.highlight" class="memberLink"><a href="#EditSession.highlight" class="" title="EditSession.highlight (class method)" data-id="EditSession.highlight">highlight</a>
              </li>
              <li id="dropdown_EditSession.highlightLines" data-id="EditSession.highlightLines" class="memberLink"><a href="#EditSession.highlightLines" class="" title="EditSession.highlightLines (class method)" data-id="EditSession.highlightLines">highlightLines</a>
              </li>
              <li id="dropdown_EditSession.indentRows" data-id="EditSession.indentRows" class="memberLink"><a href="#EditSession.indentRows" class="" title="EditSession.indentRows (class method)" data-id="EditSession.indentRows">indentRows</a>
              </li>
              <li id="dropdown_EditSession.insert" data-id="EditSession.insert" class="memberLink"><a href="#EditSession.insert" class="" title="EditSession.insert (class method)" data-id="EditSession.insert">insert</a>
              </li>
              <li id="dropdown_EditSession.isTabStop" data-id="EditSession.isTabStop" class="memberLink"><a href="#EditSession.isTabStop" class="" title="EditSession.isTabStop (class method)" data-id="EditSession.isTabStop">isTabStop</a>
              </li>
              <li id="dropdown_EditSession.moveLinesDown" data-id="EditSession.moveLinesDown" class="memberLink"><a href="#EditSession.moveLinesDown" class="" title="EditSession.moveLinesDown (class method)" data-id="EditSession.moveLinesDown">moveLinesDown</a>
              </li>
              <li id="dropdown_EditSession.moveLinesUp" data-id="EditSession.moveLinesUp" class="memberLink"><a href="#EditSession.moveLinesUp" class="" title="EditSession.moveLinesUp (class method)" data-id="EditSession.moveLinesUp">moveLinesUp</a>
              </li>
              <li id="dropdown_EditSession.moveText" data-id="EditSession.moveText" class="memberLink"><a href="#EditSession.moveText" class="" title="EditSession.moveText (class method)" data-id="EditSession.moveText">moveText</a>
              </li>
              <li id="dropdown_EditSession.onChange" data-id="EditSession.onChange" class="memberLink"><a href="#EditSession.onChange" class="" title="EditSession.onChange (class method)" data-id="EditSession.onChange">onChange</a>
              </li>
              <li id="dropdown_EditSession.onChangeFold" data-id="EditSession.onChangeFold" class="memberLink"><a href="#EditSession.onChangeFold" class="" title="EditSession.onChangeFold (class method)" data-id="EditSession.onChangeFold">onChangeFold</a>
              </li>
              <li id="dropdown_EditSession.onReloadTokenizer" data-id="EditSession.onReloadTokenizer" class="memberLink"><a href="#EditSession.onReloadTokenizer" class="" title="EditSession.onReloadTokenizer (class method)" data-id="EditSession.onReloadTokenizer">onReloadTokenizer</a>
              </li>
              <li id="dropdown_EditSession.outdentRows" data-id="EditSession.outdentRows" class="memberLink"><a href="#EditSession.outdentRows" class="" title="EditSession.outdentRows (class method)" data-id="EditSession.outdentRows">outdentRows</a>
              </li>
              <li id="dropdown_EditSession.redo" data-id="EditSession.redo" class="memberLink"><a href="#EditSession.redo" class="" title="EditSession.redo (class method)" data-id="EditSession.redo">redo</a>
              </li>
              <li id="dropdown_EditSession.redoChanges" data-id="EditSession.redoChanges" class="memberLink"><a href="#EditSession.redoChanges" class="" title="EditSession.redoChanges (class method)" data-id="EditSession.redoChanges">redoChanges</a>
              </li>
              <li id="dropdown_EditSession.remove" data-id="EditSession.remove" class="memberLink"><a href="#EditSession.remove" class="" title="EditSession.remove (class method)" data-id="EditSession.remove">remove</a>
              </li>
              <li id="dropdown_EditSession.removeGutterDecoration" data-id="EditSession.removeGutterDecoration" class="memberLink"><a href="#EditSession.removeGutterDecoration" class="" title="EditSession.removeGutterDecoration (class method)" data-id="EditSession.removeGutterDecoration">removeGutterDecoration</a>
              </li>
              <li id="dropdown_EditSession.removeMarker" data-id="EditSession.removeMarker" class="memberLink"><a href="#EditSession.removeMarker" class="" title="EditSession.removeMarker (class method)" data-id="EditSession.removeMarker">removeMarker</a>
              </li>
              <li id="dropdown_EditSession.replace" data-id="EditSession.replace" class="memberLink"><a href="#EditSession.replace" class="" title="EditSession.replace (class method)" data-id="EditSession.replace">replace</a>
              </li>
              <li id="dropdown_EditSession.reset" data-id="EditSession.reset" class="memberLink"><a href="#EditSession.reset" class="" title="EditSession.reset (class method)" data-id="EditSession.reset">reset</a>
              </li>
              <li id="dropdown_EditSession.resetCaches" data-id="EditSession.resetCaches" class="memberLink"><a href="#EditSession.resetCaches" class="" title="EditSession.resetCaches (class method)" data-id="EditSession.resetCaches">resetCaches</a>
              </li>
              <li id="dropdown_EditSession.screenToDocumentColumn" data-id="EditSession.screenToDocumentColumn" class="memberLink"><a href="#EditSession.screenToDocumentColumn" class="" title="EditSession.screenToDocumentColumn (class method)" data-id="EditSession.screenToDocumentColumn">screenToDocumentColumn</a>
              </li>
              <li id="dropdown_EditSession.screenToDocumentPosition" data-id="EditSession.screenToDocumentPosition" class="memberLink"><a href="#EditSession.screenToDocumentPosition" class="" title="EditSession.screenToDocumentPosition (class method)" data-id="EditSession.screenToDocumentPosition">screenToDocumentPosition</a>
              </li>
              <li id="dropdown_EditSession.screenToDocumentRow" data-id="EditSession.screenToDocumentRow" class="memberLink"><a href="#EditSession.screenToDocumentRow" class="" title="EditSession.screenToDocumentRow (class method)" data-id="EditSession.screenToDocumentRow">screenToDocumentRow</a>
              </li>
              <li id="dropdown_EditSession.setAnnotations" data-id="EditSession.setAnnotations" class="memberLink"><a href="#EditSession.setAnnotations" class="" title="EditSession.setAnnotations (class method)" data-id="EditSession.setAnnotations">setAnnotations</a>
              </li>
              <li id="dropdown_EditSession.setBreakpoint" data-id="EditSession.setBreakpoint" class="memberLink"><a href="#EditSession.setBreakpoint" class="" title="EditSession.setBreakpoint (class method)" data-id="EditSession.setBreakpoint">setBreakpoint</a>
              </li>
              <li id="dropdown_EditSession.setBreakpoints" data-id="EditSession.setBreakpoints" class="memberLink"><a href="#EditSession.setBreakpoints" class="" title="EditSession.setBreakpoints (class method)" data-id="EditSession.setBreakpoints">setBreakpoints</a>
              </li>
              <li id="dropdown_EditSession.setDocument" data-id="EditSession.setDocument" class="memberLink"><a href="#EditSession.setDocument" class="" title="EditSession.setDocument (class method)" data-id="EditSession.setDocument">setDocument</a>
              </li>
              <li id="dropdown_EditSession.setMode" data-id="EditSession.setMode" class="memberLink"><a href="#EditSession.setMode" class="" title="EditSession.setMode (class method)" data-id="EditSession.setMode">setMode</a>
              </li>
              <li id="dropdown_EditSession.setNewLineMode" data-id="EditSession.setNewLineMode" class="memberLink"><a href="#EditSession.setNewLineMode" class="" title="EditSession.setNewLineMode (class method)" data-id="EditSession.setNewLineMode">setNewLineMode</a>
              </li>
              <li id="dropdown_EditSession.setOverwrite" data-id="EditSession.setOverwrite" class="memberLink"><a href="#EditSession.setOverwrite" class="" title="EditSession.setOverwrite (class method)" data-id="EditSession.setOverwrite">setOverwrite</a>
              </li>
              <li id="dropdown_EditSession.setScrollLeft" data-id="EditSession.setScrollLeft" class="memberLink"><a href="#EditSession.setScrollLeft" class="" title="EditSession.setScrollLeft (class method)" data-id="EditSession.setScrollLeft">setScrollLeft</a>
              </li>
              <li id="dropdown_EditSession.setScrollTop" data-id="EditSession.setScrollTop" class="memberLink"><a href="#EditSession.setScrollTop" class="" title="EditSession.setScrollTop (class method)" data-id="EditSession.setScrollTop">setScrollTop</a>
              </li>
              <li id="dropdown_EditSession.setTabSize" data-id="EditSession.setTabSize" class="memberLink"><a href="#EditSession.setTabSize" class="" title="EditSession.setTabSize (class method)" data-id="EditSession.setTabSize">setTabSize</a>
              </li>
              <li id="dropdown_EditSession.setUndoManager" data-id="EditSession.setUndoManager" class="memberLink"><a href="#EditSession.setUndoManager" class="" title="EditSession.setUndoManager (class method)" data-id="EditSession.setUndoManager">setUndoManager</a>
              </li>
              <li id="dropdown_EditSession.setUndoSelect" data-id="EditSession.setUndoSelect" class="memberLink"><a href="#EditSession.setUndoSelect" class="" title="EditSession.setUndoSelect (class method)" data-id="EditSession.setUndoSelect">setUndoSelect</a>
              </li>
              <li id="dropdown_EditSession.setUseSoftTabs" data-id="EditSession.setUseSoftTabs" class="memberLink"><a href="#EditSession.setUseSoftTabs" class="" title="EditSession.setUseSoftTabs (class method)" data-id="EditSession.setUseSoftTabs">setUseSoftTabs</a>
              </li>
              <li id="dropdown_EditSession.setUseWorker" data-id="EditSession.setUseWorker" class="memberLink"><a href="#EditSession.setUseWorker" class="" title="EditSession.setUseWorker (class method)" data-id="EditSession.setUseWorker">setUseWorker</a>
              </li>
              <li id="dropdown_EditSession.setUseWrapMode" data-id="EditSession.setUseWrapMode" class="memberLink"><a href="#EditSession.setUseWrapMode" class="" title="EditSession.setUseWrapMode (class method)" data-id="EditSession.setUseWrapMode">setUseWrapMode</a>
              </li>
              <li id="dropdown_EditSession.setValue" data-id="EditSession.setValue" class="memberLink"><a href="#EditSession.setValue" class="" title="EditSession.setValue (class method)" data-id="EditSession.setValue">setValue</a>
              </li>
              <li id="dropdown_EditSession.setWrapLimitRange" data-id="EditSession.setWrapLimitRange" class="memberLink"><a href="#EditSession.setWrapLimitRange" class="" title="EditSession.setWrapLimitRange (class method)" data-id="EditSession.setWrapLimitRange">setWrapLimitRange</a>
              </li>
              <li id="dropdown_EditSession.toggleOverwrite" data-id="EditSession.toggleOverwrite" class="memberLink"><a href="#EditSession.toggleOverwrite" class="" title="EditSession.toggleOverwrite (class method)" data-id="EditSession.toggleOverwrite">toggleOverwrite</a>
              </li>
              <li id="dropdown_EditSession.toString" data-id="EditSession.toString" class="memberLink"><a href="#EditSession.toString" class="" title="EditSession.toString (class method)" data-id="EditSession.toString">toString</a>
              </li>
              <li id="dropdown_EditSession.undo" data-id="EditSession.undo" class="memberLink"><a href="#EditSession.undo" class="" title="EditSession.undo (class method)" data-id="EditSession.undo">undo</a>
              </li>
              <li id="dropdown_EditSession.undoChanges" data-id="EditSession.undoChanges" class="memberLink"><a href="#EditSession.undoChanges" class="" title="EditSession.undoChanges (class method)" data-id="EditSession.undoChanges">undoChanges</a>
              </li>
            </ul>
          </li>
          <li data-dropdown="dropdown" class="dropdown">
            <ul class="dropdown-menu">
            </ul>
          </li>
          <li data-dropdown="dropdown" class="dropdown">
            <ul class="dropdown-menu">
            </ul>
          </li>
          <li data-dropdown="dropdown" class="dropdown">
            <ul class="dropdown-menu">
            </ul>
          </li>
          <li data-dropdown="dropdown" class="dropdown">
            <ul class="dropdown-menu">
            </ul>
          </li>
        </ul>
      </div>
    </div>
    <article id="EditSession" data-title="EditSession (class)" class="article">
      <div class="section description">
        <div class="memberContent"><p>Stores all the data about <a href="editor.html" class="link-short" title="Editor (class)" data-id="Editor"><code>Editor</code></a> state providing easy way to change editors state.  </p>
<p><code>EditSession</code> can be attached to only one <a href="document.html" class="link-short" title="Document (class)" data-id="Document"><code>Document</code></a>. Same <code>Document</code> can be attached to several <code>EditSession</code>s.</p>

        </div>
      </div>
    </article>
    <h3 class="sectionHeader">Constructors</h3>
    <article id="EditSession.new" data-title="EditSession.new (constructor)" class="article">
      <div class="section method">
        <div class="memberContent">
          <div class="title"><i id="EditSession.new" class="methodToggle methodClicker inactive icon-caret-right"></i>
            <ul class="signatures">
              <li class="signature">
                <ul>
                  <li class="signature-call"><span class="constructorIdentifier">new </span><span id="EditSession.new" class="member-name methodClicker">EditSession</span>(<span class="sigArgList"><a href="document.html" class="argument methodClicker" title="Document (class)" data-id="Document">Document</a> | <a href="https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/String" class="argument methodClicker" title="String" data-id="String">String</a> text, <a href="https://github.com/ajaxorg/ace/blob/master/lib/ace/mode/text.js" class="argument methodClicker" title="TextMode" data-id="TextMode">TextMode</a> mode</span>)</li>
                </ul>
                <ul class="metaInfo">
                </ul>
              </li>
            </ul>
          </div>
          <div class="sideToggler">
            <div id="ellipsis_EditSession.new" class="ellipsis_description"><p>Sets up a new <code>EditSession</code> and associates it with the given <code>Document</code> and <code>TextMode</code>.</p>

            </div>
            <div class="description"><p>Sets up a new <code>EditSession</code> and associates it with the given <code>Document</code> and <code>TextMode</code>.</p>

              <h4>Arguments</h4><table class="argumentTable argument-list table table-striped table-bordered"><tr class="argumentRow "><td class="argName ">text</td><td class="argType" "><a href="document.html" class="" title="Document (class)" data-id="Document">Document</a> | <a href="https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/String" class="" title="String" data-id="String">String</a></td><td class="argDescription "><p>Required. If <code>text</code> is a <code>Document</code>, it associates the <code>EditSession</code> with it. Otherwise, a new <code>Document</code> is created, with the initial text</p>
</td></tr><tr class="argumentRow "><td class="argName ">mode</td><td class="argType" "><a href="https://github.com/ajaxorg/ace/blob/master/lib/ace/mode/text.js" class="" title="TextMode" data-id="TextMode">TextMode</a></td><td class="argDescription "><p>Required. The inital language mode to use for the document</p>
</td></tr></table>
            </div>
          </div>
        </div>
      </div>
    </article>
    <h3 class="sectionHeader">Events</h3>
    <article id="EditSession.event.change" data-title="EditSession.event.change (event)" class="article">
      <div class="section method">
        <div class="memberContent">
          <div class="title"><i id="EditSession.event.change" class="methodToggle methodClicker inactive icon-caret-right"></i>
            <ul class="signatures">
              <li class="signature">
                <ul>
                  <li class="signature-call"><span class="eventObjName">EditSession</span><span class="eventListenerStart">.on("</span><span id="EditSession.event.change" class="member-name eventMember methodClicker">change</span><span class="eventListenerClose">", </span><span class="eventFunctionOpen">function(</span><a href="https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Object" class="argument methodClicker" title="Object" data-id="Object">Object</a> e<span class="eventFunctionClose">))</span></li>
                </ul>
                <ul class="metaInfo">
                </ul>
              </li>
            </ul>
          </div>
          <div class="sideToggler">
            <div id="ellipsis_EditSession.event.change" class="ellipsis_description"><p>Emitted when the document changes.</p>

            </div>
            <div class="description"><p>Emitted when the document changes.</p>

              <h4>Arguments</h4><table class="argumentTable argument-list table table-striped table-bordered"><tr class="argumentRow "><td class="argName ">e</td><td class="argType" "><a href="https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Object" class="" title="Object" data-id="Object">Object</a></td><td class="argDescription "><p>Required. An object containing a <code>delta</code> of information about the change.</p>
</td></tr></table>
            </div>
          </div>
        </div>
      </div>
    </article>
    <article id="EditSession.event.changeAnnotation" data-title="EditSession.event.changeAnnotation (event)" class="article">
      <div class="section method">
        <div class="memberContent">
          <div class="title"><i id="EditSession.event.changeAnnotation" class="methodToggle methodClicker inactive icon-caret-right"></i>
            <ul class="signatures">
              <li class="signature">
                <ul>
                  <li class="signature-call"><span class="eventObjName">EditSession</span><span class="eventListenerStart">.on("</span><span id="EditSession.event.changeAnnotation" class="member-name eventMember methodClicker">changeAnnotation</span><span class="eventListenerClose">", </span><span class="eventFunctionOpen">function(</span><span class="eventFunctionClose">))</span></li>
                </ul>
                <ul class="metaInfo">
                </ul>
              </li>
            </ul>
          </div>
          <div class="sideToggler">
            <div id="ellipsis_EditSession.event.changeAnnotation" class="ellipsis_description"><p>Emitted when an annotation changes, like through <a href="#EditSession.setAnnotations" class="link-short" title="EditSession.setAnnotations (class method)" data-id="EditSession.setAnnotations"><code>EditSession.setAnnotations()</code></a>.</p>

            </div>
            <div class="description"><p>Emitted when an annotation changes, like through <a href="#EditSession.setAnnotations" class="link-short" title="EditSession.setAnnotations (class method)" data-id="EditSession.setAnnotations"><code>EditSession.setAnnotations()</code></a>.</p>

            </div>
          </div>
        </div>
      </div>
    </article>
    <article id="EditSession.event.changeBackMarker" data-title="EditSession.event.changeBackMarker (event)" class="article">
      <div class="section method">
        <div class="memberContent">
          <div class="title"><i id="EditSession.event.changeBackMarker" class="methodToggle methodClicker inactive icon-caret-right"></i>
            <ul class="signatures">
              <li class="signature">
                <ul>
                  <li class="signature-call"><span class="eventObjName">EditSession</span><span class="eventListenerStart">.on("</span><span id="EditSession.event.changeBackMarker" class="member-name eventMember methodClicker">changeBackMarker</span><span class="eventListenerClose">", </span><span class="eventFunctionOpen">function(</span><span class="eventFunctionClose">))</span></li>
                </ul>
                <ul class="metaInfo">
                </ul>
              </li>
            </ul>
          </div>
          <div class="sideToggler">
            <div id="ellipsis_EditSession.event.changeBackMarker" class="ellipsis_description"><p>Emitted when a back marker changes.</p>

            </div>
            <div class="description"><p>Emitted when a back marker changes.</p>

            </div>
          </div>
        </div>
      </div>
    </article>
    <article id="EditSession.event.changeBreakpoint" data-title="EditSession.event.changeBreakpoint (event)" class="article">
      <div class="section method">
        <div class="memberContent">
          <div class="title"><i id="EditSession.event.changeBreakpoint" class="methodToggle methodClicker inactive icon-caret-right"></i>
            <ul class="signatures">
              <li class="signature">
                <ul>
                  <li class="signature-call"><span class="eventObjName">EditSession</span><span class="eventListenerStart">.on("</span><span id="EditSession.event.changeBreakpoint" class="member-name eventMember methodClicker">changeBreakpoint</span><span class="eventListenerClose">", </span><span class="eventFunctionOpen">function(</span><span class="eventFunctionClose">))</span></li>
                </ul>
                <ul class="metaInfo">
                </ul>
              </li>
            </ul>
          </div>
          <div class="sideToggler">
            <div id="ellipsis_EditSession.event.changeBreakpoint" class="ellipsis_description"><p>Emitted when the gutter changes, either by setting or removing breakpoints, or when the gutter decorations change.</p>

            </div>
            <div class="description"><p>Emitted when the gutter changes, either by setting or removing breakpoints, or when the gutter decorations change.</p>

            </div>
          </div>
        </div>
      </div>
    </article>
    <article id="EditSession.event.changeFold" data-title="EditSession.event.changeFold (event)" class="article">
      <div class="section method">
        <div class="memberContent">
          <div class="title"><i id="EditSession.event.changeFold" class="methodToggle methodClicker inactive icon-caret-right"></i>
            <ul class="signatures">
              <li class="signature">
                <ul>
                  <li class="signature-call"><span class="eventObjName">EditSession</span><span class="eventListenerStart">.on("</span><span id="EditSession.event.changeFold" class="member-name eventMember methodClicker">changeFold</span><span class="eventListenerClose">", </span><span class="eventFunctionOpen">function(</span><span class="eventFunctionClose">))</span></li>
                </ul>
                <ul class="metaInfo">
                </ul>
              </li>
            </ul>
          </div>
          <div class="sideToggler">
            <div id="ellipsis_EditSession.event.changeFold" class="ellipsis_description"><p>Emitted when a code fold is added or removed.</p>

            </div>
            <div class="description"><p>Emitted when a code fold is added or removed.</p>

            </div>
          </div>
        </div>
      </div>
    </article>
    <article id="EditSession.event.changeFrontMarker" data-title="EditSession.event.changeFrontMarker (event)" class="article">
      <div class="section method">
        <div class="memberContent">
          <div class="title"><i id="EditSession.event.changeFrontMarker" class="methodToggle methodClicker inactive icon-caret-right"></i>
            <ul class="signatures">
              <li class="signature">
                <ul>
                  <li class="signature-call"><span class="eventObjName">EditSession</span><span class="eventListenerStart">.on("</span><span id="EditSession.event.changeFrontMarker" class="member-name eventMember methodClicker">changeFrontMarker</span><span class="eventListenerClose">", </span><span class="eventFunctionOpen">function(</span><span class="eventFunctionClose">))</span></li>
                </ul>
                <ul class="metaInfo">
                </ul>
              </li>
            </ul>
          </div>
          <div class="sideToggler">
            <div id="ellipsis_EditSession.event.changeFrontMarker" class="ellipsis_description"><p>Emitted when a front marker changes.</p>

            </div>
            <div class="description"><p>Emitted when a front marker changes.</p>

            </div>
          </div>
        </div>
      </div>
    </article>
    <article id="EditSession.event.changeMode" data-title="EditSession.event.changeMode (event)" class="article">
      <div class="section method">
        <div class="memberContent">
          <div class="title"><i id="EditSession.event.changeMode" class="methodToggle methodClicker inactive icon-caret-right"></i>
            <ul class="signatures">
              <li class="signature">
                <ul>
                  <li class="signature-call"><span class="eventObjName">EditSession</span><span class="eventListenerStart">.on("</span><span id="EditSession.event.changeMode" class="member-name eventMember methodClicker">changeMode</span><span class="eventListenerClose">", </span><span class="eventFunctionOpen">function(</span><span class="eventFunctionClose">))</span></li>
                </ul>
                <ul class="metaInfo">
                </ul>
              </li>
            </ul>
          </div>
          <div class="sideToggler">
            <div id="ellipsis_EditSession.event.changeMode" class="ellipsis_description"><p>Emitted when the current mode changes.</p>

            </div>
            <div class="description"><p>Emitted when the current mode changes.</p>

            </div>
          </div>
        </div>
      </div>
    </article>
    <article id="EditSession.event.changeOverwrite" data-title="EditSession.event.changeOverwrite (event)" class="article">
      <div class="section method">
        <div class="memberContent">
          <div class="title"><i id="EditSession.event.changeOverwrite" class="methodToggle methodClicker inactive icon-caret-right"></i>
            <ul class="signatures">
              <li class="signature">
                <ul>
                  <li class="signature-call"><span class="eventObjName">EditSession</span><span class="eventListenerStart">.on("</span><span id="EditSession.event.changeOverwrite" class="member-name eventMember methodClicker">changeOverwrite</span><span class="eventListenerClose">", </span><span class="eventFunctionOpen">function(</span><span class="eventFunctionClose">))</span></li>
                </ul>
                <ul class="metaInfo">
                </ul>
              </li>
            </ul>
          </div>
          <div class="sideToggler">
            <div id="ellipsis_EditSession.event.changeOverwrite" class="ellipsis_description"><p>Emitted when the ability to overwrite text changes, via <a href="#EditSession.setOverwrite" class="link-short" title="EditSession.setOverwrite (class method)" data-id="EditSession.setOverwrite"><code>EditSession.setOverwrite()</code></a>.</p>

            </div>
            <div class="description"><p>Emitted when the ability to overwrite text changes, via <a href="#EditSession.setOverwrite" class="link-short" title="EditSession.setOverwrite (class method)" data-id="EditSession.setOverwrite"><code>EditSession.setOverwrite()</code></a>.</p>

            </div>
          </div>
        </div>
      </div>
    </article>
    <article id="EditSession.event.changeScrollLeft" data-title="EditSession.event.changeScrollLeft (event)" class="article">
      <div class="section method">
        <div class="memberContent">
          <div class="title"><i id="EditSession.event.changeScrollLeft" class="methodToggle methodClicker inactive icon-caret-right"></i>
            <ul class="signatures">
              <li class="signature">
                <ul>
                  <li class="signature-call"><span class="eventObjName">EditSession</span><span class="eventListenerStart">.on("</span><span id="EditSession.event.changeScrollLeft" class="member-name eventMember methodClicker">changeScrollLeft</span><span class="eventListenerClose">", </span><span class="eventFunctionOpen">function(</span><a href="https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Number" class="argument methodClicker" title="Number" data-id="Number">Number</a> scrollLeft<span class="eventFunctionClose">))</span></li>
                </ul>
                <ul class="metaInfo">
                </ul>
              </li>
            </ul>
          </div>
          <div class="sideToggler">
            <div id="ellipsis_EditSession.event.changeScrollLeft" class="ellipsis_description"><p>Emitted when the scroll left changes.</p>

            </div>
            <div class="description"><p>Emitted when the scroll left changes.</p>

              <h4>Arguments</h4><table class="argumentTable argument-list table table-striped table-bordered"><tr class="argumentRow "><td class="argName ">scrollLeft</td><td class="argType" "><a href="https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Number" class="" title="Number" data-id="Number">Number</a></td><td class="argDescription "><p>Required. The new scroll left value</p>
</td></tr></table>
            </div>
          </div>
        </div>
      </div>
    </article>
    <article id="EditSession.event.changeScrollTop" data-title="EditSession.event.changeScrollTop (event)" class="article">
      <div class="section method">
        <div class="memberContent">
          <div class="title"><i id="EditSession.event.changeScrollTop" class="methodToggle methodClicker inactive icon-caret-right"></i>
            <ul class="signatures">
              <li class="signature">
                <ul>
                  <li class="signature-call"><span class="eventObjName">EditSession</span><span class="eventListenerStart">.on("</span><span id="EditSession.event.changeScrollTop" class="member-name eventMember methodClicker">changeScrollTop</span><span class="eventListenerClose">", </span><span class="eventFunctionOpen">function(</span><a href="https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Number" class="argument methodClicker" title="Number" data-id="Number">Number</a> scrollTop<span class="eventFunctionClose">))</span></li>
                </ul>
                <ul class="metaInfo">
                </ul>
              </li>
            </ul>
          </div>
          <div class="sideToggler">
            <div id="ellipsis_EditSession.event.