1

Topic: Insert Image fails in IE 8

ImageManager Support,

Not sure if this bug is happening only in IE 8 or earlier versions as well.  Here is the issue:

When I attempt to insert an image in IE 8, I open the insert/edit image box and then click the Browse button within the insert/edit image box which opens the ImageManager box.  I select the image I want to insert.  However, when it returns to the insert/edit image box the Image URL is blank and the preview box is empty.

Now, if I change the tinymce config for the editor and enable the inlinepopups plugin, the problem goes away and everything works fine.

Here is the tinymce config for the editor (with the inlinepopups plugin added):

<script language="javascript" type="text/javascript">
    tinyMCE.init({
        force_br_newlines : true,
        forced_root_block : '',
        mode : "textareas",
        theme : "advanced",
        plugins : "style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,imagemanager,filemanager,spellchecker,fullscreen,autosave",
        theme_advanced_buttons1 : "save,preview,|,image,media,|,insertimage,insertfile,|,undo,redo,|,search,replace,|,cut,copy,paste,pastetext,pasteword,|,spellchecker,code,fullscreen",
        theme_advanced_buttons2 : "bullist,numlist,|,outdent,indent,|,link,unlink,anchor,|,forecolor,backcolor,|,bold,italic,underline,|,charmap,hr,emotions,table",
        theme_advanced_buttons3 : "justifyleft,justifycenter,justifyright,justifyfull,|,fontselect,fontsizeselect",
        theme_advanced_toolbar_location : "top",
        theme_advanced_toolbar_align : "left",
        theme_advanced_path_location : "bottom",
        plugin_insertdate_dateFormat : "%Y-%m-%d",
        plugin_insertdate_timeFormat : "%H:%M:%S",
        extended_valid_elements : "hr[class|width|size|noshade],font[face|size|color|style],span[class|align|style]",
        theme_advanced_resize_horizontal : false,
        theme_advanced_resizing : true,
        fullscreen_new_window : true,
        nonbreaking_force_tab : true,
        apply_source_formatting : true,
        accessibility_warnings : false,
        content_css : "../tiny_mce/tiny_mce.css",
        dialog_type : "modal",
        debug : false,
        width : "100%",
        height : "500",
        spellchecker_languages : "+English=en"
    });
</script>

I'm using the following version of tinymce:

majorVersion:'3',minorVersion:'2.1',releaseDate:'2008-11-04'

Any ideas?

Thx in advance.

========================
MWM Consulting, Inc.
http://www.mwmconsulting.biz
========================

2

Re: Insert Image fails in IE 8

Could be bugs with IE 8 we updated both TinyMCE and the ImageManager with various fixes for that browser.

Best regards,
Spocke - Main developer of TinyMCE

3

Re: Insert Image fails in IE 8

I am having this problem in IE 8 too.

I found that if the dialog type != modal, it works just fine. Fine in all other browsers either way.

I am going to guess it's something different in IE 8's handling of modals? Plenty of stepping through debugging the script doesn't show any errors, so it's not blowing up, but for whatever reason the tinymce instance doesn't get the path of the inserted image.

4

Re: Insert Image fails in IE 8

Modals shouldn't be used anyway. Please use the inlinepopups plugin instead much better solution.

Best regards,
Spocke - Main developer of TinyMCE

5

Re: Insert Image fails in IE 8

Well, I don't know if it's a problem with IE8 or what it is but I use TinyMCE which came with ZenPhoto.  When I click on the image icon (tree), and attempt to insert an image from my computer, I get a syntax error.  That's it.  It just says "SyntaxError:syntax error".  That's all.  The only way I can insert an image into tinymce is if I upload an image to Photobucket and then insert the URL.

I was on the ZP forum to try to solve the problem but the long and short of it is, they don't know.  So here I am.  HELP.

I use WinXP, if that helps.

Last edited by shutterbug (2010-03-06 18:36:08)

6

Re: Insert Image fails in IE 8

Is this related to the MCImageManager product in anyway?

Best regards,
Spocke - Main developer of TinyMCE

7

Re: Insert Image fails in IE 8

This is similar to my problem.

Insert/edit image function popup window is blank (not populated: no URL, title or preview) in Internet Explorer browser (IE8).

It works fine in Mozilla.

var tinymce = {
    majorVersion : '3',
    minorVersion : '0.5',
    releaseDate : '2008-03-12'


I tried the suggestion of adding inlinepopups, and that didn't seem to change anything.

tinyMCE.init({
        mode : "exact",
        elements : "value",
        theme : "advanced",
        plugins : "style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras",

After some experimentation, I can get the image preview, URL and title to appear, after clicking on the image to re-select it, and then clicking on the Compatibility View icon in the popup window.

Can you please advise a setting change or a better way to make this work in IE8 without the extra clicks?

Last edited by tinyTexas (2010-04-14 08:26:56)

8

Re: Insert Image fails in IE 8

Could be that the versions are to old. We needed to modify a lot of code in both TinyMCE and the ImageManager products to be compatible with IE 8.

Best regards,
Spocke - Main developer of TinyMCE

9

Re: Insert Image fails in IE 8

Hello Spocke,

I am facing a similar issue with IE8 using the image uploader.

I am able to upload the image but I am unable to select the image that I need to insert as I see a Loading... message but the images that I upload never load. This works fine on other browsers.

I have the inlinepopups set in my tinymce config.

Here is a screenshot: http://www.myimagespace.com/public/view/3587

Please let me know if you have found a solution to this.

10

Re: Insert Image fails in IE 8

That is strange. Make sure that you don't have any odd security software installed that might be blocking the normal behavior of the browser. Also send me a link so I can try it from here.

Best regards,
Spocke - Main developer of TinyMCE