fckeditor (rich text editor) width

A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.

This thread is closed to new posts. You must sign in to post in the forums.
4/8/2008 11:16:05 AM
Gravatar
Total Posts 43

fckeditor (rich text editor) width

Hi,

I am having problems with the fckeditor moving outside the div I'd like it to stay in. I can't find anywhere in the layout.master or the stylelayout.css for where to set the size of the fckeditor.

How can I add a custom size or css definition for the fckeditor?

Here is a screenshot of the problem.

Many thanks,

Kenny

4/9/2008 3:36:56 AM
Gravatar
Total Posts 43

Re: fckeditor (rich text editor) width

It seems it's not fckeditor at all, but tinymce.

4/9/2008 3:52:28 AM
Gravatar
Total Posts 43

Re: tinymce(!) fckeditor (rich text editor) width

I can see now where the editor width is being set, but it's Javascript. The line starts with "<script type="text/javascript">tinyMCE.init" and contains the following "theme_advanced_source_editor_width : "200", theme_advanced_source_editor_height : "350""

I can see that the HTML editor's "Feature Instance Settings" have a form field for "Editor Height", but none for editor width. Does anyone know how to edit the width of the editor?

Many thanks,

Kenny

4/9/2008 3:55:47 AM
Gravatar
Total Posts 43

Re: fckeditor (rich text editor) width

Okay, these heights and widths I previously posted about are in fact for the advanced source editor popup, not the javascript rich text editor. Now I'm at a loss again.

4/9/2008 4:44:49 AM
Gravatar
Total Posts 43

Re: tinymce(!) fckeditor (rich text editor) width

After a little googling, the solution has presented itself:

 

From a drupal forum:

"I solved the problem with
peach - August 13, 2006 - 11:48

I solved the problem with buttons taking up too much space, just add these styles to your main stylesheet:

.mceToolbarTop * {
float:left;
}

.mceToolbarTop select {
width:auto!important;
}

.mceToolbarTop option {
float:none;
}"
 

4/9/2008 5:49:12 AM
Gravatar
Total Posts 18439

Re: fckeditor (rich text editor) width

Glad you were able to solve it.

In mojoPortal all the editors are set to use 100% width of the container div they live in. Height can be adjusted in module settings for some editors.

As you found it was really the toolbar graphics which would not wrap until you modified the css.

I wonder if we should make this change in all the skins when we have time or just make a note about this in  the skinning section.

With these changes does it still look as it did before in wider containers?

Thanks,

Joe

4/9/2008 6:39:39 AM
Gravatar
Total Posts 43

Re: fckeditor (rich text editor) width

Hi Joe,

I have added the CSS to another skin, and created a screenshot of a comparison between the wrapped and non-wrapped toolbars which can be viewed by clicking here.

Kind regards,

Kenny

You must sign in to post in the forums. This thread is closed to new posts.