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: demo/jenkins...
Sending build context to Docker daemon 3.584 kB
Step 1 : FROM jenkins
latest: Pulling from library/jenkins

386a066cd84a: Already exists 
75ea84187083: Downloading [==========>                                        ] 3.915 MB/18.53 MB
88b459c9f665: Downloading [===>                                               ] 2.571 MB/42.5 MB
690dbea0e4ca: Download complete 
7e401cdd6f18: Download complete 
a58186ddf9a0: Waiting 
49999ed55bc4: Waiting 
eb40561aad8f: Waiting 
09d6c6738021: Waiting 
1d0b8330f566: Waiting 
70da024820b8: Waiting 
bfce65c86419: Waiting 
8025725f6c8d: Waiting 
dfd7d10378e0: Waiting 
cf7eb7c95b26: Waiting 
e6fdf42ac671: Waiting 
0bb95a94f075: Waiting 
ea38b67cd016: Waiting 
dd1973e64832: Waiting 


  </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
  });
});