ansaurus

Question

wmd editor (jquery version) over ajax forms

Answer 1

+1 A:

I'm using the version where can be used for multiple textareas. The control is initiated by calling the following:

setup_wmd({
  "input": "user_about",
  "button_bar": "user_about-button-bar",
  "preview": "user_about-preview"
});

The problem id that the editor is loaded using the event listener on "load", so its only loaded when the page is fully loaded. When the ajax form loads, this event does not fire as the page is already loaded.'

Solution

In the method util.startEditor replace the line:

util.addEvent(top, "load", loadListener);

with something like this:

if (ajaxForm) {
  loadListener(); //this loads the editor immediately
} else {
  util.addEvent(top, "load", loadListener);  
}

You can add this line at the top in the changes section

var ajaxForm = wmd_options.ajaxForm || false

So you can call this method to load the editor immediately:

setup_wmd({
  "input": "user_about",
  "button_bar": "user_about-button-bar",
  "preview": "user_about-preview",
  "ajaxForm": true
});

So you can now call this method after the ajax request loads to load the editor.

jarrold 2010-03-19 06:17:03

ansaurus

tags:

views:

answers:

wmd editor (jquery version) over ajax forms

related questions