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">
$ edjangertemplate --save --name=demo_jenkins --savepattern="*.html"
# Scripts used
# Template, build and properties files
  archive file: ./edjanger.template...
# Build path read in properties "./edjanger.properties"
./build
  append file: ./build...
# Local configuration files in path "."
  append file: ./configuration.properties...
# Properties file "edjanger.properties"
  append file: ./edjanger.properties...

Template archive saved in file: "/opt/edjanger/scripts/templates/templating/demo_jenkins.zip"
  adding: demo_jenkins.yaml (deflated 44%)
  adding: demo_jenkins.tar (deflated 86%)

Available templates could be printed with commands: edjangertemplate --list
  </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
  });
});