I'm trying to use FCKeditor 2.43 with the toolbar located in a DIV apart from the editor so that I can resize the width of the editor body (as I transfer content into it with JS) to simulate the actual area on a page where the content will go after editing. The goal being that the user can see the flow of content as it would appear in a column after editing.
This is similar to the HTML example 10.
However with IE7 on XP, I am seeing a weird thing - both in my own code and in the examples that ship with FCKeditor.
If the toolbar has more than one row - then only the top row displays.
It also appears as if the bottom border of the toolbar is cut off.
But here is the strange part.
If I launch sample10.html from the drop down menu on the sampleslist.html page, then it displays as it should for the multi-row toolbar.
However if I load the sample10.html page direct - then only the top line of buttons is displayed.
This seems to be an IE specific issue (perhaps something to do with min-height?), however it is a show-stopper.
Is this a bug in the FCKeditor code, or an IE issue (the correct height and bottom of the toolbar show in Firefox) and is there a workaround I can use to get it going for now?
The code I am using is identical to the HTML example 10 (for the DIV and how the toolbar location is specified).
What is really weird is that the page works when loaded from the sampleslist.html! The only thing I can see there is that page is loaded with window.open command - but can't figure why that would make it work.
Thanks for any advice!
Problem in IE with Toolbarlocation set to Out