HTML Editor will not load CSS

Hello,

Has anyone had any issues with the CSS part of the extension. I can view the CSS when I add the component but it will not show the styles in the editor when on the server.

I just reinstalled my os (osx 10.6) and cs4 and this was happening before the reinstall and I was hoping this would fix it.

Thanks.

Hiya,

I did have a problem with this, but only because I was adding the styles to the HTML Editor which was in a sub-directory (PowerCMS). The styles (classes) that I added showed up in the 'Styling' tab but weren't available when I transferred the HTMLEditor/custom insert/update files (2 x .js & 2 x .xml) and the pages that contained the HTMLEditor instances.

That was because the HTMLEditor GUI was creating/updating the 'custom' .js & .xml files in a new folder in the root directory.

To be on the safe and certain side, I duplicated my site definition and set the root local and testing sites to be my CMS folder. I re-did the HTML Ed Styling tab > locate my css file again and it updated the right files. I did have to do this for all instances of HTML Editor though.

Check that the .js file(s) in your HTMLEditor/custom folder have had the link to your stylesheet added, i.e:

FCKConfig.EditorAreaCSS = '../../css/yourstylesheet.css'; // relative to fckeditor/editor/fckeditor.html

Check that the classes have been written to your HTMLEditor/custom folder xml file(s) like:

<?xml version="1.0" encoding="utf-8" ?>
<Styles>
	<Style name="headerbar" element="span" >
		<Attribute name="class" value="headerbar" />
	</Style>
	<Style name="sidebardk" element="span" >
		<Attribute name="class" value="sidebardk" />
	</Style>
	<Style name="sidebarlt" element="span" >
		<Attribute name="class" value="sidebarlt" />
	</Style>
	
	etc.

And check that the HTMLEditor/custom javascript and xml files have been uploaded to your remote server.

Hello,

Well those were all the steps i checked, being familiar with TineMCE and FCK I figured it was a location issue. but it was not. all the XML and CSS is there and uploaded. the only style that shows is "Red Title" located in fckconfig.js Line 205.


I can add basic styles if i need to using the config file but I do not want to have global styles


thanks again.

Please send me a link to your page with the html editor and i will try to debug it?

The issue as Neilo said could be the location of the HTMLEditor of the styles.xml file is not uploaded to your server. But i will try to debug this a little further.

Hi Don,

I just went through my process again to see where you might be missing something, and I remembered where I had a hiccup the first time.

When setting up or reconfiguring the editor, in 'HTML Editor: Editor Settings' > 'Styling' tab, - once you have browsed to the stylesheet you want HTMLed to get styles from, and you can then see them in the 'Available styles:' window, you must SELECT the ones you want to use - either by using holding down your Ctrl key and clicking them individually, or by sliding your mouse over the area and selecting them all.

Only when they are all highlighted when you click OK will those styles be written to the styles xml file and appear in your editor window.

Well I have done all that, the XML shows that the selected styles were added, the CSS is uploaded all HTMLEditor folder contents are uploaded.

I made a example as I can not PM you a active page.
htmleditor.php

Thanks a Bunch.
Don

Looking at your javascript file:

FCKConfig.EditorAreaCSS = '../../Demos/SDCCD.css'; // relative to fckeditor/editor/fckeditor.html
FCKConfig.BodyClass = '';
FCKConfig.StylesXmlPath = ''; // relative to fckeditor/editor/fckeditor.html
FCKConfig.ManagerEnabled = true;
if (true) {FCKConfig.Plugins.Add('kfm');}


it looks like there is no xml file, if you see an xml file generate under HTMLEditor/custom folder then you can add the reference to it manually in your HTMLEditor/custom/HTMLEditor_Test1.js file.

Why does that happen, It created it the first time for the other implementation.

It did not create its XML file for that version. So I copied the existing one that was created from the same CSS

It should all be there now.

Ho Don,

Have searched for your custom styles xml file, but can't find it All of these need to be on your server and in the right directory. I also see that in the various files there is reference to both 'demos' and 'Demos'. - it is good to try to keep to the correct case.

Did you define a new site in Dreamweaver, - specifying a new (empty) 'root' folder for local site, and new (empty) 'root' folder for your testing server before you started as I suggested? I don't see how the xml file could be missing.

According to the convention HTML Editor seems to use to set up your styles xml file, it should be: http://www.sparklight.org/HTMLEditor/custom/HTMLEditor_TestStyles1.xml - (or 2.xml, 3.xml etc, depending on how many goes you had installing it. (I tried up to 10). It should be in the same folder as the 'http://www.sparklight.org/HTMLEditor/custom/ HTMLEditor_undefinedStyles1.xml' which is in there.

HTML Editor will not load CSS.

my test page is this one : test.php
The HTML Editor directory is HTMLEditor/

I can view the CSS when I configure the component but it will not show the styles in the editor.

custom/test_TEST11.js and custom/test_TEST1Styles2.xml are uploaded on the server.

There isn't error message.

Has anyone had any issues with this ?

Thanks