By smithaa02 on

Basically I have a fixed width template, and I don't want TinyMCE going over 500px wide. TinyMCE breaks my template in IE by being too wide, but not in firefox.

Any ideas on what could be wrong here?

⋅ Categories: Drupal 4.7.x

Comments

xamox’s picture

xamox commented

I was getting this problem a lot. I have since dropped tinyMCE and moved to FCKeditor. I haven't had any problems with FCKeditor but a lot with formatting and layout issues like the one you mention here with tinyMCE.
---------------------------------------------------------------
http://xamox.NET

mfer’s picture

mfer commented

this has something to do with your css. I have run into this before and it was always something in how I had setup my css.

smithaa02’s picture

smithaa02 commented

I've tried removing all width tags and that didn't work. I've also tried added 500px to a number of tags as follows:

.resizable-textarea {
width:500px;
}
body.mceContentBody {
width:500px;
}
.mceEditorContainer {
width:500px;
}
.formbutton {
width:500px;
}

...but that didn't work. As near as I can tell, it's the buttons causing the problems. Is there any way to ensure the buttons wrap on to new lines correctly?

vm’s picture

vm commented

you may have to dig into the plugin_reg.php file a bit and reorder where the buttons show create an extra row for them if necessary.

smithaa02’s picture

smithaa02 commented

Did the trick, although it would nice not to have to use that file (any future TinyMCE upgrade would wipe this out if I'm not careful, and this would have to be manually adjusted per site that uses smaller fixed width formats).

vm’s picture

vm commented

I understand the problem of overwriting the original.

I suppose I take for granted that I edit this file often. specifically for adding plugins. Thus I always use a comparing tool to make sure the file even needs to be overwritten before applying an update. I tend to compare files when an update occurs so that I can see what logic is being followed or changed. Not a bad practice when it comes to working on ones understanding of how things work.
Unless the tinymce library changes the way it uses this file, you should be ok never overwriting the original.

I typically make site specific notes if i change something of significance in this matter so that i can refresh my memory before updating modules or drupal in general.

remi’s picture

remi commented

I don't know if you're still having the same problem, considering you're probably now using the same module than I do and you're using Drupal 4.7.

However, I am using the WYSIWYG module with the TinyMCE plug-in, and I also had the problem where the editor was breaking my site's layout. I posted a quick fix, only meant to be a temporary solution, at the following:
http://drupal.org/node/277954#comment-1213013

Rémi
remiplourde.com

jgdeutsch’s picture

jgdeutsch commented

I had this problem today too and spent a few hours figuring it out. You need to change the style settings for the mcetoolbarcontainer class in:

plugins / editors / tinymce / jscripts / tiny_mce / themes / advanced / css / editor_ui.css

I added width: 400px; to mine and it did the trick.

Jeff