Wednesday, October 28, 2009

[jQuery] Re: TinyMce with .load

Hi I did a similar thing but for the load event of an ajax callback.
It works smoothly, below is my code.

jQuery("#uploadEdit").load(
urltotalk,
{
dir : jQuery("#NewsletterSelector").val()
},
function (){
jQuery("#ControllerBox").show();
jQuery("#uploadEdit").slideDown('slow');
jQuery(".OPTList").hide();
jQuery("#createmicrosite").bind('click', CreateMicrosite);


tinyMCE.execCommand('mceRemoveControl', false, 'textareas');
tinyMCE.init({
// General options
mode : "textareas",
theme : "advanced",
skin : 'o2k7',
plugins :
"safari,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,inlinepopups",
editor_selector : "WYSIWYG",
editor_deselector : "Question",
// Theme options
theme_advanced_buttons1 :
"newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,formatselect,fontselect,fontsizeselect",
theme_advanced_buttons2 :
"cut,copy,paste,|,search,replace,|,bullist,numlist,|,outdent,indent,|,undo,redo,|,link,unlink,anchor,help,code,|,insertdate,inserttime,preview",
theme_advanced_buttons3 :
"tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,iespell,advhr,|,print",
theme_advanced_buttons4 :
"insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak,|,ltr,rtl,|,fullscreen,|,forecolor,backcolor",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom",
theme_advanced_resizing : true,
theme_advanced_font_sizes : "30 px=30px,25 px=25px,24 px=24px,22
px=22px,20 px=20px,18 px=18px,16 px=16px,14 px=14px,12 px=12px,Small
text=10,",
// Example word content CSS (should be your site CSS) this one
removes paragraph margins
content_css : "css/word.css",
width : '400',
// Drop lists for link/image/media/template dialogs
template_external_list_url : "lists/template_list.js",
external_link_list_url : "lists/link_list.js",
external_image_list_url : "lists/image_list.js",
media_external_list_url : "lists/media_list.js",


// Replace values for the template plugin
template_replace_values : {
username : "Some User",
staffid : "991234"
}
});


On Oct 28, 2:51 pm, "jackkit...@gmail.com" <jackkit...@googlemail.com>
wrote:
> Hi All
>
> I am trying to use tinymce as a callback in the jQuery .load. Problem
> im having is that the tinymce box becomes frozen so that i cannot
> focus on it. if i click any of the buttons on the toolbar then tinymce
> works again.
>
> any suggestions? This only happens in IE
>
>                         $("#replaceLanguage").load(url, function(){
>                                 if(correctselect){
>                                         tinyMCE.init({
>                                                 // General options
>                                                 mode : "textareas",
>                                                 theme : "advanced",
>                                                 theme_advanced_buttons1 :
> "bold,italic,underline,strikethrough,|,cut,copy,paste,pastetext,pasteword,|,undo,redo,|,link,unlink",
>                                                 theme_advanced_buttons2 : "",
>                                                 theme_advanced_buttons3 : "",
>                                                 theme_advanced_buttons4 : "",
>                                                 theme_advanced_toolbar_location : "top",
>                                                 theme_advanced_toolbar_align : "left",
>                                                 theme_advanced_statusbar_location : "bottom",
>                                                 theme_advanced_resizing : false,
>                                             setup : function(ed) {
>                                               ed.onKeyUp.add(function(ed, e) {
>                                                   checkifchanged(ed);
>         //                                        alert(ed.getContent());
>                                               });
>                                            }
>                                         });
>                                 }
>                         });
>
> Thanks

No comments: