CODEWITHSUNDEEP
javascriptjquerycodemirror
Alex
Alex

Reputation: 68088

JavaScript / CodeMirror - refresh textarea

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....

Upvotes: 14

Views: 19001

Answers (2)

Jonathan Schneider
Jonathan Schneider

Reputation: 27777

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.

Upvotes: 23

Marijn
Marijn

Reputation: 8929

The refresh method (just like all other CodeMirror methods) does not live on the DOM node, but on the instance object that's returned when you create the editor (by calling CodeMirror or CodeMirror.fromTextArea). So you'll have to store those somewhere for this to work.

Upvotes: 9

Related Questions