FCK editor width

[Nicky]

FCK editor textarea differs in 'edit' and in 'view' mode, so what you see is not completely what you get.
Is it possible to make the textarea a little wider so the width of the sentences (and tables if used) remains exactly the same in both modes?
I know this is no problem for Tinymce, but 'how to' for FCKeditor.
See demo:

[ external image ]

[Holger]

Hi Nicky,

you can style the with by css, use the form#ta selector (but remember the scrollbar inside the edit-area).
I don't know another way at the moment .

But

I know this is no problem for Tinymce

how is it working with TinyMCE? Isn't it the same as with FCKeditor?

Holger

[Nicky]

With tinymce it's very easy.
Just edit cmsimple template, file stylesheet.css and add at the very bottom of the page :

form textarea#text{width:515px;} /*TinyMCE - width is also determined by the width of the editor control button lines */
.mceContentBody{/*background-image: none;*/ background-color: #1C1A13; color: white;} /*TinyMCE*/

This code also fixes textarea background colour and font colour.

Any ideas which files to edit for fck and what code exactly to add where?
Thx

[Holger]

Any ideas which files to edit for fck and what code exactly to add where?

Yes, it's working the same way as with TinyMCE:
use the template css and add

Code: Select all

form#ta{width:515px;}

That's it.

The id "ta" is defined in /cmsimple/fckeditor.php:

Code: Select all

'<form method="post" id="ta" action="'.$sn.'">'

Holger

[Nicky]

Thanks Holger, works perfect.

[David V. Loera]

With tinymce it's very easy.
Just edit cmsimple template, file stylesheet.css and add at the very bottom of the page :

form textarea#text{width:515px;} /*TinyMCE - width is also determined by the width of the editor control button lines */
.mceContentBody{/*background-image: none;*/ background-color: #1C1A13; color: white;} /*TinyMCE*/

This code also fixes textarea background colour and font colour.

Any ideas which files to edit for fck and what code exactly to add where?
Thx

Thanks for the code!