close ad
Databridge V2 with MySQLi support IS Now Available!
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

Adding Styles to the HTML Editor

Thread began 2/08/2010 4:11 pm by christine310921 | Last modified 2/20/2010 2:09 am by christine310921 | 2660 views | 15 replies


Hi Guys,

One thing I noticed when adding my own styles to any instances of HTMLEditor in my sites was that the styles almost certainly won't show up in my editor until I have cleared my browser's cache file. That had me stumped for quite a while.

And this from an older post:

"Also worth looking out for is that if your PowerCMS folders and files are all in the root directory and NOT in their own folder in the root directory (i.e. 'CMS', 'PowerCMS' or 'CMS102'), then re-entering the HTML Editor UI and making changes is fine, go ahead. HOWEVER, if your PowerCMS files and Folders - including the HTML Editor folder - are in their own folder within the root folder of your site, then making changes through the Editor UI will just create a new HTML Editor folder in the root directory of your site and really confuse matters.

How to get round this:

Go to 'Manage your Sites' in the DreamWeaver menu ('Sites'). Select your site and create a duplicate. Click 'Edit' to edit your duplicate site. Change the local and testing server paths for Local Root Folder, Testing Server Folder and (Testing Server) URL Prefix to the folder that contains the PowerCMS files and folders. For Instance, all references to these folders in my site that are currently: C:\Inetpub\wwwroot\Pictuality\ would become C:\Inetpub\wwwroot\Pictuality\CMS\.

In the Local Info screen for 'Site Name' just add the suffix 'CMS' to your site name, and save the site definition. Now (and whenever you want to), using this site definition, you can re-enter the HTML Editor UI and make changes without HTML Editor creating a new directory and big problems."

There are two things you can check to confirm that your styles have been added to the Editor. When you add styles, the Editor creates two new xml files in your HTMLEditor/custom folder, and makes changes to the javascript files in the same folder to connect the new xml files with your own stylesheet. So (for instance) in PowerCMS, if you are updating the editor instances in 'contents_insert.php' and 'contents_update.php', then the Editor will create two new xml files called 'contents_insert_ContentValueStyles2.xml' and 'contents_update_ContentValueStyles2.xml'. Any new configuration adds a new xml file with an incremental name change. Also in each of the javascript files, near the bottom, you will see the lines similar to:

FCKConfig.EditorAreaCSS = '../../css/myownstyles.css'; // relative to fckeditor/editor/fckeditor.html
FCKConfig.StylesXmlPath = '../custom/contents_update_ContentValueStyles2.xml'; // relative to fckeditor/editor/fckeditor.html

If you see these changes, then your styles have been added. (Remember to clear your browser cache!). If you don't see these changes, then it is likely that your PowerCMS files and folders are in their own folder, and HTMLEditor has created a new HTMLEditor folder in the root directory.

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





Ease of use


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...