Big problems with WORD preformatted texts in FCKeditor

[midiweb]

Hi, with WB2.7 and the templates Industry, I use  FCK editor 2.64.

I have incessantly big problems and only problems  with the format and the layout of the texts. What I type, what I format is not what l get when I display the homepage. I lose my patience with FCK editor.

And more when I use a formatted text  from Word....It's a a pain in...

For instance, I want to change the font, the style or/and the format. I have to do the changes several times untill it works when it works because it doesn't work sometimes.

My question is very simple: how to be sure that the text that I type, I format,... is what I want to get,...


I don't find in FCK editot the line  space function. Where is it? How to change space between lines and paragraphs. Mine stay the same. Yes I know, I can make a Carriage Return. But what to do when I paste a long texte.

I need urgently help because my client can't stand WebsiteBaker anymore. I have to save the situation.

sorry! it's life
cheers.

[ruebenwurzel]

Hello,

if you wanna have in the backend (FCKEditor-Window) the same display as in the frontend, you need to have a editor.css in your template wich basically holds the same styles as your frontend stylesheet.

The use of special fonts only works if this font is installed on all client pc's around the worl wich views your page. If the font you use is not installed another font is used. Basically only two fonts work for shure on all pc's. This is "serif" and "sans_serif". And from this types are "Times new Roman", "Verdana" and "Arial" the ones wich displays on the most PC's the same. With all other you have different displays from your frontend on different pc's. To got a special font for your page you need to upload it to your webspace and temporary lets install this font on every pc wich views your page.

How the FCKEDitor works if you use <enter> or <shift><enter> can be defined in the wb_fckconfig.js. For both you have the option to use <br />, <p> or <div>. How <p> or <div> is styled you have to define in the css of your template.

Matthias

P.S.
I strongly recommand not to use copy and paste from Word or Excel. Use the cleaning function of the FCKEditor or only copy the cleaned text (by using a editor to clean the text). The code and formats from Word and Excel are blowed up and you will ever run into a lot of display issues.

[Argos]

To got a special font for your page you need to upload it to your webspace and temporary lets install this font on every pc wich views your page.

I didn't know this was possible. How do you do such a thing? And must the visitor agree to installation, or is it an automatic process?

[midiweb]

My template "industry1" has no editor.css. How to implement such editor.css?
Who can help me?

Thanks

[midiweb]

in directory /modules/fckeditor, I have

/editor but I find nowhere the editor.css

 How to create or to implement such file?

take a look at my temporary homepage (with wb2.7) at

www.micheldimoro.co m

Be not astonished, the content doesn't correspond the title of the homepage. It's only for test!

You see in certain menus that the display of the text is a bit crappy.

I tried and I tried to change the format but what I type is not what i get.

Cheers

[erpe]

Hi

create a editor.css and put in the template root.
That should do it.
If not, try to put it in the template-css-directory if available.

rgds

erpe

[mr-fan]

you can even try to load a template WITH a editor.css to learn about the function and creation of it...

like the multiflex3 have one - so far i know!

regrad martin

[midiweb]

hi, i've just taken a look a the editor.css  in the template "Multiflex".

I'm newbie with CSS. Can I use this editor.css as it is  with my template Industry1?
I think that the FCKeditor should be the same for all templates.


Here's the code:

Code:

/****************************************************************/
/*   Design:   Multiflex-3 Version 1.8 / Layout-4               */
/*   File:     Text formats                                     */
/*--------------------------------------------------------------*/
/*   Author:   G. Wolfgang                                      */
/*   Date:     May 22, 2007                                     */
/*   Homepage: wwww.1-2-3-4.info                                */
/*--------------------------------------------------------------*/
/*   License:  Fully open source without restrictions.          */
/*             Please keep footer credits with a link to        */
/*             Wolfgang (www.1-2-3-4.info). Thank you!          */
/****************************************************************/

/******************/
/*  MAIN SECTION  */
/******************/

 h1.block {clear:both; margin:1.0em 0 0em 0; padding:2px 0 2px 2px; background:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:220%;}
 h1 {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(80,80,80); font-weight:normal; font-size:210%;}
 h2 {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(80,80,80); font-weight:normal; font-size:170%;}
 h3 {clear:both; margin:-1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(125,125,125); font-weight:normal; font-size:130%;}
 h1.side {clear:none;}
 h2.side {clear:none;}
 h3.side {clear:none;}

 h4 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:"trebuchet ms",arial,sans-serif; font-weight:normal; font-size:170%;}
 h5 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:"trebuchet ms",arial,sans-serif; font-size:140%;}
 h6 {margin:1.2em 0 0.2em 0; color:rgb(80,80,80); font-weight:bold; font-size:120%;}
 p {margin:0 0 1.0em 0; line-height:1.5em; font-size:110%;}
 p.center {text-align:center;}
 p.right {text-align:right;}
 p.details {clear:both; margin:-0.25em 0 1.0em 0; line-height:1.0em; font-size:110%;}
 blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:100%;}

p.caption {clear:both; margin:0.5em 0 2.0em 20px; text-align:left; color:rgb(80,80,80); font-size:110%;}

 ul {list-style:none; margin:0.5em 0 1.0em 0;}
 ul li {margin:0 0 0.2em 2px; padding:0 0 0 12px; background:url(../img/bg_bullet_full_1.gif) no-repeat 0 0.5em; line-height:1.4em; font-size:110%;}
 ol {margin:0.5em 0 1.0em 20px !important /*Non-IE6*/; margin:0.5em 0 1.0em 25px /*IE6*/;}
 ol li {list-style-position:outside; margin:0 0 0.2em 0; line-height:1.4em; font-size:110%;}

.column1-unit {width:440px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-left {float:left; width:200px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-right {float:right; width:200px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-unit-left {float:left; width:120px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-unit-middle {float:left; width:120px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:40px;}
.column3-unit-right {float:right; width:120px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}


/********************/
/*  COMMON CLASSES  */
/********************/

 a {color:rgb(70,122,167); font-weight:bold; text-decoration:none;}
 h1 a {color:rgb(70,122,167); font-weight:normal; text-decoration:none;}
 a:hover {color:rgb(42,90,138); text-decoration:underline;}
 a:visited {color:rgb(42,90,138);}

 a img {border:solid 1px rgb(150,150,150);}
 a:hover img {border:solid 1px rgb(220,220,220);}

Who knows?

[Argos]

I think that the FCKeditor should be the same for all templates.

That's a choice you could make, but the idea behind editor.css is that users see familiar styles in the backend. So it's best to match the backend styles with frontend styles, using editor.css. But surely you can decide to create a default backend style for all your sites and templates.

[midiweb]

hi, thanks. I need only all classic functions  from a  word processing program.
For instance: I need Verdana font, in 12, small and so on , then I want to change in trebuchet, ...It has to work but mine doesn't work and the space line is too big,...
I need all default working functions,  neither less nor more. I can't imagine  to do a complete new css sheet for this.

Cheers!

[Argos]

I think you mix up two different things. The editor stylesheet has nothing to do with the function of the editor. It just assigns certain styles to the content you see in the editor. If you want to change buttons and options of the editor itself, you have to modify the editor file. I don't use FCK myself, so I don't know what file that is, but check out their website and you probably will find info on customizing the editor functions there.

[midiweb]

very important to know:

Has the .css for FCKeditor  to be called "editor.css"?
My template "industry" has a "industry.css" sheet , is this one for the layout of the homepage (frontend) or is it used also for the backend of the editor? Does FCKeditor implement another css sheet other than "editor.css?

In this latter case, I would understand what goes wrong because I changed a lot of parameters in this css sheet?

Cheers

[doc]

Hello,

if a template includes a editor.css file, it will be used to display the styles defined within the text area of FCK in the backend. If this file is not present, the settings are taken from /modules/fckeditor/wb_config/wb_fckeditorarea.css. Also check in the same folder for wb_fckstyles.xml.

Remember to delete your browser cache once you apply changes to one of these files.

Regards Christian

[midiweb]

thanks for that explanation, i didn't know.I need only to change properly the fonts  of different texts and the space line, the margins.. That what my current FCKeditor doesn't do at all! It's all crappy

I take a look at wb_fckeditorarea.cs s

cheers

[marathoner]

Don't make changes to wb_fckeditorarea.cs s. Create an editor.css file since that will be used if it exists.