Hi all,
Using CF8 and FF3. Editor appears, but for the life of me, I can't get it to call the external stylesheet and CSS file. I've even tried hardcoding the paths to the css and xml with no luck (I can browse to the files directly in a browser). What am I doing wrong???
TIA,
Mark
<cfscript> fckEditor = createObject("component", "/fckeditorAdmin/fckeditor"); fckEditor.config.customConfigurationsPath = "https://mysite.com/_cf-inf/htmleditor/_fckconfig/userAdminModule/bio_en.js"; fckEditor.instanceName = "userBio"; fckEditor.value = "#FORM.userBio#"; fckEditor.width = "#SESSION.siteAttributes.wysiwygeditorwidth#"; fckEditor.height = "400"; fckEditor.stylesXmlPath = "#SESSION.companyInfo.companyRootURL#/_css/editor/userAdmin_bio.xml"; fckEditor.EditorAreaCSS = "#SESSION.companyInfo.companyRootURL#/_css/editor/userAdmin_bio.css"; fckEditor.toolbarSet = "Default"; fckEditor.create(); // create the editor. </cfscript>
// Below is the CSS file that is being called, pretty simple
@charset "utf-8"; * {margin:0; padding:0;} /* Zero out all browser defaults */ body {background-color:#fff;} p {background-color:#fff; font:12px Arial, Helvetica, sans-serif; margin:0 0 0 12px; padding:0 30px 0 0; text-align:left; letter-spacing: normal;} h3 {background-color:#fff; font:14px Arial, Helvetica, sans-serif; margin-left:0 0 0 12px; text-align:left; font-weight:bold; text-decoration:underline; padding-bottom:8px; color:#43528d;} ul {background-color:#fff; text-align:left; font:12px Arial, Helvetica, sans-serif; padding:0 0 1.5em 30px; margin-left:0 0 20px 12px;} li {background-color:#fff; text-align:left; font:12px Arial, Helvetica, sans-serif; padding:0 0 4px 0; list-style-type:square; margin-left:0;}
// Below is the xml file being called:
<Styles>
<Style name="Clear" element=""/>
<Style name="Heading" element="h3"/>
</Styles>
Re: Can't Get CSS and Styles to work
Re: Can't Get CSS and Styles to work
fckEditor.config.stylesXmlPath = "#SESSION.companyInfo.companyRootURL#_css/editor/userAdmin_bio.xml";
fckEditor.config.editorAreaCSS = "#SESSION.companyInfo.companyRootURL#_css/editor/userAdmin_bio.css";