TinyMce imagemanager won't generate image path when used with an iframe

Posted by Tom on Stack Overflow See other posts from Stack Overflow or by Tom
Published on 2010-06-03T15:50:58Z Indexed on 2010/06/03 15:54 UTC
Read the original article Hit count: 319

Filed under:
|
|

I have successfully setup tinymce to work on a page within an iframe. Everything works perfectly.

However, when you use imagemanager to pick an image to be inserted or replaced in the editor it will not copy the path(and filename) of the image to the "Image URL" input in the "Insert/edit image" box. The box will either remain empty or keep the address of the previous image.

The behaviour is the same with the filemanager plugin.

tinyMCE.init(    
{    
    mode : "none",    
    editor_selector : "mceEditor",    
    theme : "advanced",    
    plugins : "filemanager,imagemanager,autoresize,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,spellchecker",    
    theme_advanced_buttons1 : "insertfile,insertimage,advimage,imagemanager,bold,italic,underline,|,justifyleft,justifycenter,justifyright,justifyfull,nonbreaking,cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist",    
    theme_advanced_buttons2 : "blockquote,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,|,forecolor,backcolor,|,charmap,iespell,media,advhr",    
    theme_advanced_layout_manager : "SimpleLayout",    
    theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,strikethrough",    
    theme_advanced_buttons4 : "styleselect,formatselect,fontselect,fontsizeselect,|,undo,redo,|,spellchecker",    
    theme_advanced_toolbar_location : "external",    
    theme_advanced_toolbar_align : "left",    
    theme_advanced_statusbar_location : "bottom",    
    relative_urls : true,    
    document_base_url : "http://devtom.ecitb.org.uk/",    
    auto_resize : true,    
    content_css : "/custom/css/style.css",    
    extended_valid_elements : "iframe[height|width|src|frameborder|scrolling]",    
});    

/*    
    The following code comes from- http://tinymce.moxiecode.com/punbb/viewtopic.php?id=12966    
    Without it the editor only loads 10% of the time. With it, it's pretty much 100% consistent.    
    The other changes mentioned in the post have also been implemented.    
*/    
var setupTiny = function()    
{    
    var ifrObj = document.getElementById('pageEditIFrame');    
    var win = ifrObj;    
    if (win.contentWindow)    
    {    
        win = win.contentWindow;    
    }    

    var d;    
    if(ifrObj.contentDocument)    
    {    
        d = ifrObj.contentDocument;    
    }    
    else if (ifrObj.contentWindow)    
    {    
        d = ifrObj.contentWindow.document;    
    }    
    else if (ifrObj.document)    
    {    
        d = ifrObj.document;    
    }    

    textAreas.each(function(txtEl)    
    {    
        tinyMCE.execCommand('mceAddFrameControl', false,    
        {    
            element_id : txtEl,    
            window : win,    
            doc : d    
        });    
    });    
};    

//Waiting 1 second seems to make the editor load more reliably.    
setTimeout("setupTiny();",1000);

© Stack Overflow or respective owner

Related posts about JavaScript

Related posts about iframe