Posted by levavie on June 7, 2005 at 2:32pm
| Project: | Htmlarea |
| Version: | master |
| Component: | Code |
| Category: | bug report |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | active |
Issue Summary
Htmlarea doesn't work on IE - all buttons are grey.
This happens on both my site and your test site.
A sample image from your site is attached.
| Attachment | Size |
|---|---|
| grey-htmlarea-ie.jpg | 31.31 KB |
Comments
#1
Here is another image of how htmlarea looks when surfing with IE to my site
I am using drupal 4.6.0 on apache/linux with the newest head version of htmlarea (1.80) but the same happened with the original 4.6.0 version of htmlarea. (I am using style="direction:rtl" since this is a hebrew site, but it still looks similar except the controls are aligned to the right).
#2
I am sorry to tell you this, but this is a problem with Xinha and not the drupal htmlarea module. please refer this to http://xinha.python-hosting.com
Just so you know, I tested on my copy of IE6 and yes the toolbar is stuffed, but it does un-grey after you click in the edit area.
#3
In my IE6, the example on the xinha site works correctly. All buttons displayed, no button is greyed out, no resize issues.
The example on your site still has some resize issues in IE (although grey buttons no longer appear - it's better then before). See the attached image. In firefox it works great.
#4
I have found a partial solution to this problem.
In htmlarea.css add
float:left;
to the .htmlarea .toolbar .toolbarRow .button selector.
I noticed that the buttons in IE were being stacked on top of one another instead of being placed side by side. This change does not affect FireFox.
In htmlarea.js replace
case "separator":
if(editor.config.flowToolbars) newLine();
tb_element = document.createElement("div");
tb_element.className = "separator";
break;
with
case "separator":
if(HTMLArea.is_ie) {
if(editor.config.flowToolbars) newLine();
tb_element = document.createElement("div");
tb_element.className = "none";
} else {
if(editor.config.flowToolbars) newLine();
tb_element = document.createElement("div");
tb_element.className = "separator";
}
break;
The down side to the second part is that you lose the separators in IE, but that seems worth the trade off. Since I put the IE check in, this change does not affect FireFox. I looked at this problem for a few hours, but I cannot see why the separator was causing line wraps. I initially tried classing this as a space, but I would get padding at the top of some toolbaRows for some reason.
Hope this helps!