Note: If you want to use your own css styles, you will need to point FCKeditor to your stylesheet, otherwise, your styles will not visualise correctly inside the editor. You can do this by setting the EditorAreaCSS property in your config file. So e.g. to use css styles defined inside "/myownstyles.css" you would need to add:
FCKConfig.EditorAreaCSS = '/myownstyles.css' ;
but that doesn't seem to work ??? I cleared cache etc., but nothing. Even the default value doesn't seem to be there, the styles that show up are from StylesXmlPath.
Your css file should look something like this: body { font-family: Arial, Verdana, Sans-Serif; font-size: 12px; padding: 5px 5px 5px 5px; margin: 0px; border-style: none; background-color: #ffffff; }
/* Just uncomment the following block if you want to avoid spaces between paragraphs. Remember to apply the same style in your output front end page. */ /* P, UL, LI { margin-top: 0px; margin-bottom: 0px; } */
.Code { border: #8b4513 1px solid; padding-right: 5px; padding-left: 5px; color: #000066; font-family: 'Courier New' , Monospace; background-color: #ff9933; } .photolft { border: 3px double #003399; margin: 3px; padding: 3px; text-align: left; vertical-align: text-top; float: left; } The last class photolft is one that I added. Remember to apply the same style in your output front end page.
When i tried to edit the existing asp page in the FCKEditor in mozilla firefox or in Netscape browser. The following code get disappear when i view the source code in the editor.
RE: load custom CSS for Styles drop down
RE: load custom CSS for Styles drop down
RE: load custom CSS for Styles drop down
Here (http://wiki.fckeditor.net/Developer%27s ... ion/Styles) it says,
Note: If you want to use your own css styles, you will need to point FCKeditor to your stylesheet, otherwise, your styles will not visualise correctly inside the editor. You can do this by setting the EditorAreaCSS property in your config file. So e.g. to use css styles defined inside "/myownstyles.css" you would need to add:
FCKConfig.EditorAreaCSS = '/myownstyles.css' ;
but that doesn't seem to work ??? I cleared cache etc., but nothing. Even the default value doesn't seem to be there, the styles that show up are from StylesXmlPath.
RE: load custom CSS for Styles drop down
body
{
font-family: Arial, Verdana, Sans-Serif;
font-size: 12px;
padding: 5px 5px 5px 5px;
margin: 0px;
border-style: none;
background-color: #ffffff;
}
/*
Just uncomment the following block if you want to avoid spaces between
paragraphs. Remember to apply the same style in your output front end page.
*/
/*
P, UL, LI
{
margin-top: 0px;
margin-bottom: 0px;
}
*/
.Bold
{
font-weight: bold;
}
.Title
{
font-weight: bold;
font-size: 18px;
color: #cc3300;
}
.Code
{
border: #8b4513 1px solid;
padding-right: 5px;
padding-left: 5px;
color: #000066;
font-family: 'Courier New' , Monospace;
background-color: #ff9933;
}
.photolft {
border: 3px double #003399;
margin: 3px;
padding: 3px;
text-align: left;
vertical-align: text-top;
float: left;
}
The last class photolft is one that I added. Remember to apply the same style in your output front end page.
RE: load custom CSS for Styles drop down
RE: load custom CSS for Styles drop down
<link href="/images/style.css" type="text/css" rel="stylesheet" /><style type="text/css">
<!--
body {
background-color: #666666;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
--></style>
If any one knows the solution for this problem please help me.