JCE 1.0 Image Manager Firefox >= 3.6.9 and Firefox >= 3.5.12

[Corrie Sloot]

On September 7th, Firefox released version 3.6.9 and 3.5.12. Since then, I am unable to easily add images using JCE's Image Manager (Insert / Edit Image).

Whenever I try, the image is broken. When I look at the HTML source, the IMG tag is missing a SRC attribute.

The only way I have found around this is to select the same image, click "Insert / Edit Image" again, select the same image, and "Update."

This affects at least JCE 1.0.4, with Image Manager 1.0.4 in Firefox 3.6.9 and above, as well as Firefox 3.5.12 and above. I have confirmed the problem in these browsers under Windows, Ubuntu and OSX.

If you look at the changelog for Firefox, there is an entry called "Paste image into Compose window broken with Shredder" which I think might be related to this problem.

Has anyone else experienced this problem? Does anyone know of a fix, or a better work around?

Corrie

[Teessider]

I'm having exactly the same issue. I'm running Firefox 3.6.10 and it is stripping the src="link" part of the image link when I click 'insert'.

I'm using tinyMCE 2.0 as an editor. My only workaround so far has been to use IE8 *spit*

[Corrie Sloot]

I have a hack that may fix the JCE / tinyMCE image upload problem.

Download and open this file:
/mambots/editors/jce/jscripts/tiny_mce/tiny_mce.js

Search for this code:

Code: Select all

value=tinyMCE.fixGeckoBaseHREFBug(1,this.getDoc(),value);

Immediatley after that add:

Code: Select all

alert(value);

Clear your cache, login to Joomla and try to insert an image. Take a look at what JavaScipt pops up for the HTML. In my case there were some weird attributes, like xsrc="". My proposal is doing a search-replace on this HTML to make the proper src attribute show up.

Re-open the tiny_mce.js, and replace your alert(value); with the following:

Code: Select all

value=value.replace("xsrc=","src=");

It might not be xsrc, but mce_tsrc or something like that, so change the code as needed.

Upload, clear cache again (JCE is hard to remove from cache), and your images should be corrected.

This may be difficult, but it is way better than using IE8.

[CPSI]

That fixed the insert image issue, but what about the File Manager insert link (linking to PDF)? Any ideas on that one?

[Corrie Sloot]

This is the same type of problem. If you are using JCE's "Insert File Link", it will popup the File Manager.

Download this file via FTP (or however): /mambots/editors/jce/jscripts/tiny_mce/tiny_mce.js

Search for this:

Code: Select all

value=tinyMCE.fixGeckoBaseHREFBug(1,this.getDoc(),value);

Immediatley after that add this:

Code: Select all

value=value.replace("xsrc=","src=");value=value.replace("xhref=","href=");

Re-upload the file, clear your cache, and try again.

If that doesn't work, use the alert() method above to find out what the href should be.

This should help if inserting images or inserting files doesn't work in Joomla 1.0 JCE editor.

[CPSI]

Thank you so much!! For mine it was:

Code: Select all

value=value.replace("mce_tsrc=","src=");value=value.replace("mce_thref=","href=");

[CPSI]

Insert HTML Template is also messed up (at least any hyperlinks in it). Do you know if that is the same type of fix. I tried the

Code: Select all

alert(value);

code and could not come up with anything on that one as of yet. Thanks.

[archer001]

i have the same problem, thank for your hack, i resolved my problem in half.
i have a site in / directory and another one in /en/
with this hack, i have no problem in firest site, but in second one i have another problem, which is, when i insert an image, the src attribute shows as "/images/stories/..." instead of "/en/images/stories/..." in other words, the subdirectory will be lost.

[archer001]

after a few hours i found a hack myself to solve the problem.

search for

Code: Select all

try{if(value.indexOf('<')==-1&&!value.match(/(&|&#160;|<|>)/g)){var r=this.getRng();var n=this.getDoc().createTextNode(tinyMCE.entityDecode(value));var s=this.getSel();var r2=r.cloneRange();s.removeAllRanges();r.deleteContents();r.insertNode(n);r2.selectNode(n);r2.collapse(false);s.removeAllRanges();s.addRange(r2)}else{value=tinyMCE.fixGeckoBaseHREFBug(1,this.getDoc(),value);this.getDoc().execCommand('inserthtml',false,value);tinyMCE.fixGeckoBaseHREFBug(2,this.getDoc(),value)}}catch(ex){insertHTMLFailed=true}if(!insertHTMLFailed){tinyMCE.triggerNodeChange();return}

and delet all this code

by doing this, the code works perfec except that if there is nothing else than the inserted image in the editor, you can not delete the image by pressing DEL key on keyborad.
i solved this problem by adding an empty <span> tag in the editor creator function. to do this, open the mambot php file of the editor and search for somthing like

Code: Select all

<textarea id="<?php echo $hiddenField;?>" name="<?php echo $hiddenField;?>" cols="<?php echo $col;?>" rows="<?php echo $row;?>" style="width:<?php echo $width;?>px; height:<?php echo $height;?>px;" mce_editable="true" class="mceEditor"><?php echo $content;?></textarea>

and replace it with:

Code: Select all

<textarea id="<?php echo $hiddenField;?>" name="<?php echo $hiddenField;?>" cols="<?php echo $col;?>" rows="<?php echo $row;?>" style="width:<?php echo $width;?>px; height:<?php echo $height;?>px;" mce_editable="true" class="mceEditor"><?php echo $content?$content:'<span> </span>';?></textarea>

[julianoaso]

Cool, its works to me. But to remove cache from JCE in Joomla is very hard d:-)

Thanks mates