codemirror

by toubia95

HTML

<link rel="stylesheet" href="codemirror.css">
<link rel="stylesheet" href="https://codemirror.net/lib/codemirror.css">
<script src="https://codemirror.net/lib/codemirror.js"></script>
<script src="http://codemirror.net/addon/edit/matchbrackets.js"></script>
<script src="http://codemirror.net/addon/edit/continuecomment.js"></script>
<script src="http://codemirror.net/mode/javascript/javascript.js"></script>
<input id="cql" type="text">

CSS

body {
  padding: 5%;
  font-size: 1rem;
}
#cql, input[type="text"] {
  width: 100%;
  height: 1.5rem;
  padding: 0.5rem;
  font-size: 1.5rem;
  border: solid 0.1rem #CCCCCC;
  border-radius: 0.5rem;
}

JavaScript

window.onload = function () { 
  
    var editableCodeMirror = CodeMirror.fromTextArea(document.getElementById('cql'), {
        mode: "javascript",
        theme: "default",
        lineNumbers: false
    });

};