CodeMirror Playground

by rsm23

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.2.0/codemirror.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.2.0/codemirror.min.css">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<textarea id="source">qsdqsdqsdqsd</textarea>

CSS

body, html {
    padding: 15px;
}

#editor {
    border: 1px solid #DDD
}

.marked-text {
    /* background: red;     */
}

JavaScript

var cm = CodeMirror.fromTextArea(document.getElementById("source"), {
    
    lineNumbers: true
});