How to get the value of Codemirror textarea

Question

I am using Codemirror's plugin for textarea but I am not able to retrieve the value of textarea.

Code:

var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
    lineNumbers: true,
    matchBrackets: true,
    mode: "text/x-csrc"
  });


function showCode()
{
    var text = editor.mirror.getCode();
    alert(text);
}

It is showing the error:

editor.getCode() is not a function.

Answer 1

Try using getValue() instead of getCode().

Pass in an optional argument into getValue(separator) to specify the string to be used to separate lines (the default is \n).

Answer 2

This works fine for me.

editor.getValue()

Answer 3

In version 6 assuming you have your EditorView in variable editor then you do:

editor.state.doc.toString()

Answer 4

use your_editor_instance.getValue();

It will work fine because there is no function named with the name getCode() in CodeMirror.

For setting value use your_editor_instance.setValue();

Answer 5

Version: 5

According to the Documentation, you need now to do it like:

doc.getValue(?separator: string) → string

So in this example:

editor.getDoc().getValue("\n")

Answer 6

I know you are using textarea but I hope this code will be useful for others! I have this problem but with article tag, and this is my solution to getting all codes with jquery:

res_array = []
$.each($('article.code-draft span[role="presentation"]'), function(){
    res_array.push($(this).text())
});
console.log(res_array.join('\n'))

Answer 7

This works for C++ Selenium instances where you are trying to capture the text returned in a CodeMirror text area:

var myText = this.WebDriver.ExecuteJavaScript<string>("return $editor[0].getValue()");

Where [0] is the index of the code mirror text area in the form.