JavaScript / CodeMirror - refresh textarea

javascript jquery codemirror
Alex picture Alex · Mar 19, 2011 · Viewed 17k times · Source

How do I use the refresh function from CodeMirror 2?

refresh()

If your code does something to change the size of the editor element (window resizes are already listened for), or unhides it, you should probably follow up by calling this method to ensure CodeMirror is still looking as intended.

I want to refresh all textareas after a link is clicked

I tried

  $('.CodeMirror').each(function(){
    getElementById($(this).attr('id')).refresh();
  });

but it doesn't work....

Answer

jkschneider picture jkschneider · Dec 20, 2012

When you instantiate the CodeMirror instance, it is placed as a property on the wrapper div.

$('.CodeMirror').each(function(i, el){
    el.CodeMirror.refresh();
});

The above snippet does not recreate the editor, but instead uses the existing one.

Related questions

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
Codemirror editor is not loading content until clicked

I am using codemirror 2 and its working fine except that the editor's set value doesn't load into the editor until I click the editor and it becomes focused. I want the editor to show the content of itself without it …

Read More
Codemirror Auto Format after setValue

http://liveweave.com/UxEJ0s I'm using Codemirror for my app. I noticed if I select all the text and press SHIFT+Tab it will auto align my code making it easier to read. Here's an example of what my …

Read More