# Code Editors text editor implemented in javaScript for the browser

#### CodeMirror

CodeMirror is a versatile text editor implemented in JavaScript for the browser. It is specialized for editing code, and comes with a number of language modes and addons that implement more advanced editing functionality. For more info please check out the official documentation

Demo 1 javascript syntax
var handleDemo1 = function () { var myTextArea = document.getElementById('code_editor_demo_1'); var myCodeMirror = CodeMirror.fromTextArea(myTextArea, { lineNumbers: true, matchBrackets: true, styleActiveLine: true, theme:"ambiance" } );}
Demo 1 javascript syntax readonly
var handleDemo1 = function () { var myTextArea = document.getElementById('code_editor_demo_1'); var myCodeMirror = CodeMirror.fromTextArea(myTextArea, { lineNumbers: true, matchBrackets: true, styleActiveLine: true, theme:"ambiance" } );}
Demo 2 css syntax
code { border: 1px solid #e1e1e1; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); }
Demo 4 css syntax readonly
.progress { border: 0; background-image: none; filter: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }