Tinymce (Richtext editor) changes img height="" to height="1" (in IE only)
In Umbraco 4.7.1, we have a problem with tinymce (Richtext editor) compressing images to a height of 1px. What happens is the img tag initially has a height="" attribute. For some reason, that gets changed to height="1". Even stranger, this only happens when I run Umbraco in Internet Explorer. Other browsers don't have this problem.
Example: If I view html content, the img tag looks like this:
Upon saving, for some reason a height attribute gets inserted by tinymce (richtext editor). In IE, height="1" gets inserted and the image is compressed to 1px. In other browsers, height="" gets added and the image appears unaffected.
Internet Explorer after saving: <img src="/stories/photos/p02699.jpg" alt="Etta James" width="230" height="1" />
Other browsers after saving: <img src="/stories/photos/p02699.jpg" alt="Etta James" width="230" height="" />
This is getting to be a real show stopper. Does anyone have any idea how to get tinymce to STOP DOING THAT!!!
Tinymce (Richtext editor) changes img height="" to height="1" (in IE only)
In Umbraco 4.7.1, we have a problem with tinymce (Richtext editor) compressing images to a height of 1px. What happens is the img tag initially has a height="" attribute. For some reason, that gets changed to height="1". Even stranger, this only happens when I run Umbraco in Internet Explorer. Other browsers don't have this problem.
Example: If I view html content, the img tag looks like this:
In IE:
<table border="0" cellspacing="0" style="width: 230px;">
<tbody>
<tr>
<td><img src="/stories/photos/p02699.jpg" alt="Etta James" width="230" height="1" /></td>
</tr>
...
</tbody>
</table>
Other browsers (Firefox, Chrome, Safari, Opera):
<table border="0" cellspacing="0" style="width: 230px;">
<tbody>
<tr>
<td><img src="/stories/photos/p02699.jpg" alt="Etta James" width="230" height="" /></td>
</tr>
...
</tbody>
</table>
Slight correction to above. Original img tag comes in with no height attribute at all.
<img src="/stories/photos/p02699.jpg" alt="Etta James" width="230" />
Upon saving, for some reason a height attribute gets inserted by tinymce (richtext editor). In IE, height="1" gets inserted and the image is compressed to 1px. In other browsers, height="" gets added and the image appears unaffected.
Internet Explorer after saving: <img src="/stories/photos/p02699.jpg" alt="Etta James" width="230" height="1" />
Other browsers after saving: <img src="/stories/photos/p02699.jpg" alt="Etta James" width="230" height="" />
This is getting to be a real show stopper. Does anyone have any idea how to get tinymce to STOP DOING THAT!!!
Hi Anthony
What version of Internet Exlorer are you seeing this issue in?
And is it only in IE you see it?
Has there been done any kind of custom configuration to this installation in various config files etc.?
/Jan
I am currently using Windows 7 and IE 9.
It is only IE that inserts height="1". In Chrome, Firefox, Safari and Opera, height="" gets inserted.
When page renders, we use jquery to remove img height="1" or height="", so image appears normal.
However, in richtext editor in IE, image almost disappears because it's now compressed to 1px tall.
I tried one config change: In umbracoSettings.configis False. No change.
I also added tinyMCE.Init script and call it from master page. No change.
tinyMCE.init({
plugins: "media",
media_strict: false,
verify_html: false
});
is working on a reply...