Rich text editor in JQuery dialog box

Question

I'm trying to get a rich text editor in a jquery dialog box. I'm currenty trying tiny mce. When I don't initialize tiny mce the text area displays the text with the HTML characters.

When I do initialize tiny mce nothing is displayed in the text area. Any ideas on how to get a text editor in the dialog box?

<textarea id="reason" rows="8" cols="35" name ="reason">test</textarea>

tinyMCE.init({
    mode:"textareas",
    theme:"advanced",
}); 

Answer 1

try to initialize mce on open event of dialog. Like this:

$('.selector').dialog({
   //... other options ...
   open: function(event, ui) { 
     tinyMCE.init({
        mode:"textareas",
        theme:"advanced",
     }); 
   }
   //.... other options ...
});

see if this helps you...

Answer 2

You should probably try to initialize the tinyMCE editor when the dialog is opened. Maybe something like this:

   $('.selector').dialog({
        open: function(event, ui) { 
         tinyMCE.init({
           mode:"textareas",
           theme:"advanced",
         }); 
        }
   });