I have used the below method to see the output whena textarea area is modified, it works fine. But i would like to use the Codemirror as the textarea, when i insert any data in codemirror textarea then the output should appear the div .\[code\]<script type="text/javascript">function updateDisplay() {document.getElementById("code").innerHTML = document.getElementById("entry").value;}</script><textarea onkeyup="updateDisplay();" name="entry" id="entry" cols="1000" rows="500"></textarea><div name="code" id="code" ></div>\[/code\]CodeMirror\[code\] <link rel="stylesheet" href="http://codemirror.net/lib/codemirror.css"><script src="http://codemirror.net/lib/codemirror.js"></script><script src="http://codemirror.net/mode/xml/xml.js"></script><script src="http://codemirror.net/mode/javascript/javascript.js"></script><script src="http://codemirror.net/mode/css/css.js"></script><script src="http://codemirror.net/mode/htmlmixed/htmlmixed.js"></script><textarea id="code" name="code"><html style="color: green"> <!-- this is a comment --><style type="text/css"> h1 {font-family: comic sans; color: #f0f;} div {background: yellow !important;} body { max-width: 50em; margin: 1em 2em 1em 5em; }</style></head> <body><script> function jsFunc(arg1, arg2) { if (arg1 && arg2) document.body.innerHTML = "achoo"; } </script> </body></html></textarea></form><script> var editor = CodeMirror.fromTextArea(document.getElementById("code"), {mode: "text/html", tabMode: "indent"});</script>\[/code\]
How to get the output in a div when a textarea is modified?
- Thread starter evsimova
- Start date