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">
$ edjangerbuild
Read proxy parameters from environment...
> Build image: test/webserver...
Sending build context to Docker daemon 2.048 kB
Step 1 : FROM httpd
latest: Pulling from library/httpd
386a066cd84a: Downloading [==========>                                        ] 10.48 MB/51.36 MB
a11d6b8e2fac: Download complete 
537f3b110432: Download complete 
20eabb050ed9: Downloading [======================>                            ] 5.766 MB/12.86 MB
be339605c492: Download complete 
a741d56ef421: Download complete 

$ edjangerrun
> Create new container: webtest_1...
f8a39917b2d12e70908c37c9894ddb31ebd24dff6ac31a1904376f5c36879522
  </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
  });
});