CodeMirror Live

- Written by

Last modified March 7, 2018

Live - CodeMirror without Textarea: [ on the fly + pure JavaScript ]

CodeMirror inside element < div >< / div > contentEditable:

<p>CodeMirror Live
  <small>html+css+js=editable</small></p>
  
<p>CodeMirror Live <small>html+css+js=editable</small></p>

body { margin: 10em; padding: 2em; text-align: center; background-color: #0e6466 } p { margin: 0; display: block; outline: 1em dashed #442222; outline-offset: 5em; color: white; font-size: 1.2em; font-family: sans-serif; font-weight: 900 } p small { display: block; color: #c1c1c1; font-size: 0.7em; font-weight: 400; } .arancia { color: OrangeRed }


var links = document.getElementsByTagName('p'); for (var i = 0, j = links.length; i < j; i++) { links[i].onclick = clickHandler; } var arancia = "OrangeRed"; function clickHandler(event) { //console.log(this.innerText); //this.style.color = arancia; this.classList.toggle('arancia'); }

Live Preview: [ on the fly ]

iframe [ width + height = autoResizing ]

@webbeloz

 5
ร—

Time expired..
- default (90 days)
- edit to (∞ days)
- Spamm Check

Leave a Comment

* Required: Name, eMail, Comment Emoji? : if(name) => start.eMail if(eMail) => start.Comment + Emoji (On/Off) ? a=* b=* c=31 (a + b = c) => Post a Comment enjoy(: tnx_wblz
OFF
ON
Check Url & "Not Allowed"
No Text /HTML