Failed to get TinyMCE for auto width

Question

I'm trying to include TinyMCE in my CMS, and I have the most difficult time for the width to change to the size of my container. I use the extended toolbar theme and the buttons do not go below to form another line if the width is less. I have searched many TinyMCE forums and docs and I cannot find a solution that works for me.

So far I have tried:

• Setting the width in tinyMCE.init Function
• Setting auto_resize to true
• Changing editor container width with CSS
• Change toolbars to float
• Using custom auto size function in wiki

Many people seem to have had problems with this, and the forum moderator at TinyMCE is not particularly helpful or polite. Can anyone suggest a solution?

Answer 1

Here is the CSS rule for your TinyMCE theme / style file that works for me:

.sclSkin table.mceToolbar, .sclSkin tr.mceFirst .mceToolbar tr td, .sclSkin tr.mceLast .mceToolbar tr td { float: left; } 

Be sure to replace .sclSkin above with the name / identifier of your theme / skin;