如何杀死CodeMirror实例？

Question

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 1

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.

Answer 2

When CodeMirror is removed from the DOM (and you kill all existing references to it that JavaScript might be holding), it'll be garbage collected. There is no explicit 'kill' method, you simply stop referring to it.

Answer 3

Answers above only work for CM on top of textarea which is not always the case. This is better:

cm.setOption("mode", "text/x-csrc");
cm.getWrapperElement().parentNode.removeChild(cm.getWrapperElement());
cm=null;

Answer 4

The version 5.3 or 05/2015 Update

CM = document.getElementById('CMEditor');

CM.CodeMirror.toTextArea(); // is not working 

CM.toTextArea(); // is making the magic happen

Answer 5

I've added the above code to run when the modal is closed, but it says that --- cmeditor.toTextArea is not a function

$("body").on("hidden.bs.modal", ".modal", function()
{
    $(this).removeData("bs.modal");

    cmeditor = document.getElementById("email_template_text");
    cmeditor.toTextArea();
});