CODEWITHSUNDEEP
jqueryjquery-uirichtextboxmodal-dialog
silent1mezzo
silent1mezzo

Reputation: 2942

Rich text editor in JQuery dialog box

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",
});

Upvotes: 1

Views: 3670

Answers (2)

Vincent Ramdhanie
Vincent Ramdhanie

Reputation: 103155

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",
         }); 
        }
   });

Upvotes: 2

Reigel Gallarde
Reigel Gallarde

Reputation: 65284

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

Upvotes: 4

Related Questions