close ad
WARNING: Do Not Install the DREAMWEAVER CC 2017 or 2018 Update »
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

HTML Editor will not load CSS

Thread began 1/29/2010 3:56 am by miller06233982 | Last modified 1/30/2010 10:31 am by neilo | 1836 views | 10 replies |

miller06233982

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.

Sign in to reply to this post

neilo

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.

Sign in to reply to this post

miller06233982

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.

Sign in to reply to this post

Dani Chankhour

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.

Sign in to reply to this post

neilo

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.

Sign in to reply to this post

Don

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

Sign in to reply to this post

Dani Chankhour

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.

Sign in to reply to this post

Don

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.

Sign in to reply to this post

neilo

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.

Sign in to reply to this post

richard398866

HTML Editor will not show CSS.

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

Sign in to reply to this post
loading

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...