How to kill a CodeMirror instance?

javascript codemirror
Doidgey picture Doidgey · Sep 16, 2013 · Viewed 8.7k times · Source

I'm using Codemirror v3.16 and I'm trying to figure out how I can kill an instance of my codemirror? Basically codemirror fires when a textarea opens in a modal on my page. Closing this modal, I need to kill the instance, else when I reopen the modal, I get two textareas.

Can anyone help?

Answer

Nick Tomlin picture Nick Tomlin · Sep 16, 2013

If the CodeMirror instance was created with CodeMirror.fromTextArea, you can use its toTextArea method to copy the current contents to its "mirrored" text area and remove the instance.

Assuming your CM instance has the id of "CMEditor":

CM = document.getElementById('CMEditor');
CM.CodeMirror.toTextArea();

Alternately, you could instantiate the CM instance outside of the modal, and just hide and show it when the modal opens.

Related questions

How to get the value of Codemirror textarea

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(); …

Read More
How can I set the value of a CodeMirror editor using Javascript?

I try to set id4 in the following code: <div id="id1"> <div id="id2"> <div id="id3"> <textarea id="id4"></textarea> </div> </div> </div&…

Read More
When I edit the code in a TextArea using CodeMirror how to reflect this into another textarea with js or jQuery

The App: I have a textarea element in my page. It is transformed using CodeMirror, because I need to indent and highlight html code withing it. Pic is in the link: [textarea using codemirror] http://uploadingit.com/file/gxftd2cps9…

Read More