Codemirror -extrakeys

by jean-philippe janecek

HTML

<link rel="stylesheet" href="https://codemirror.net/theme/ambiance.css">
<script src="https://codemirror.net/lib/codemirror.js"></script>
<link rel="stylesheet" href="https://codemirror.net/lib/codemirror.css">
<script src="https://codemirror.net/3/mode/shell/shell.js"></script>
<form>
  <textarea id="code" name="code">
$ edjangerexec
> Enter in container: webtest_1...
root@f8a39917b2d1:/usr/local/apache2# ls
bin  build  cgi-bin  conf  error  htdocs  icons  include  logs	modules
root@f8a39917b2d1:/usr/local/apache2# exit
exit
$ edjanger
edjangerabout              edjangercommit             edjangerexec               edjangerinit               edjangerports              edjangerrmexiteds          edjangerstats              edjangerunpause            
edjangeralias              edjangercompose            edjangerexport             edjangerinspect            edjangerps                 edjangerrmi                edjangerstop               edjangerupdate             
edjangerattach             edjangercopy               edjangerhelp               edjangerkill               edjangerpsa                edjangerrmorphanedvolumes  edjangertag                edjangerupgrade            
edjangerbuild              edjangercreate             edjangerhistory            edjangerlogs               edjangerrename             edjangerrun                edjangertemplate           edjangerwait               
edjangercheck              edjangerdiff               edjangerimages             edjangerpause              edjangerrestart            edjangerruni               edjangertop                
edjangerclean              edjangerevents             edjangerimport             edjangerportdesc           edjangerrm                 edjangerstart              edjangerunalias
$ edjangerrm
Container webtest_1 will be permanently erased, do you want to continue (y/n) ?y
> Following containers are deleted:
webtest_1
  </textarea>
</form>

CSS

.CodeMirror {
  border: 1px solid #eee;
  height: auto;
}

JavaScript

$(document).ready(function() {
  var editor = CodeMirror.fromTextArea(document.getElementById('code'), {
    mode: 'shell',
    theme: "ambiance",
    lineNumbers: true,
    matchBrackets: true
  });
});