Display the textarea content in alert while using code mirror

Question

I am trying to alert the content of the textarea which is used as code mirror on a button click. But it displays as blank. if i remove the script for code mirror, it displays the content.

I need to know what is wrong with using code mirror. It doesn't reflect the changes in the textarea.

<textarea id="code" name="code">
</textarea>
<input type="button" onClick="func()">
    <script>
      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
        lineNumbers: true
      });
function func() {
alert(document.getElementById('code').value);
}
    </script>

Please help me out.

you can inspect it in browser and you can see what has just happend to your element, what are the changes has been applied when CodeMirror attached to it. — Jai, Aug 18 '15 at 09:03
@user3784251 Check out my answer and let me know if it works? — Praveen Kumar Purushothaman, Aug 18 '15 at 09:04
possible duplicate of [How to get the value of Codemirror textarea](http://stackoverflow.com/questions/10285301/how-to-get-the-value-of-codemirror-textarea) — gmo, Aug 18 '15 at 09:42

Praveen Kumar Purushothaman · Accepted Answer · 2015-08-18T09:16:21.663

1

You need to use the editor.getValue() programming API command to get the value from the code editor.

input {font-family: 'Segoe UI';}

<!-- Create a simple CodeMirror instance -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.5.0/codemirror.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.5.0/codemirror.min.js"></script>
<textarea name="" id="myTextarea" cols="30" rows="10"></textarea>
<input type="button" value="Code?" onclick="func();">
<script>
  var editor = CodeMirror.fromTextArea(myTextarea, {
    lineNumbers: true
  });
  var func = function () {
    alert(editor.getValue());
  }
</script>

edited Aug 18 '15 at 09:16

answered Aug 18 '15 at 09:04

Praveen Kumar Purushothaman

164,888
24
203
252

@user3784251 Updated with working code. Have a look now. – Praveen Kumar Purushothaman Aug 18 '15 at 09:16
Thank you Praveen.. this works.. :-).. ok we need to take the value from the code mirror's instance right... Thank you.. – user3784251 Aug 18 '15 at 09:19
@user3784251 Yes buddy. – Praveen Kumar Purushothaman Aug 18 '15 at 09:19

Display the textarea content in alert while using code mirror

1 Answers1