close ad
Install the LAtest Updates to Work with CC 2017 and CC 2018
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

HTML Editor Style Dropdown

Thread began 1/17/2011 4:41 pm by gzirfas374932 | Last modified 2/24/2011 3:28 pm by webassist.com391302 | 2383 views | 4 replies |

gzirfas374932

HTML Editor Style Dropdown

I have gotten my html editor to display the rendered CSS styles directly in the editor instead of getting a preview of the page. I have a couple of styles I would like to add to the style dropdown. They have been added as CLASSES in the style sheet. As I understand it these need to be added to the XML file in order to show in the dropdown. I have done this but they still do not show in the style dropdown of the HTML editor. Can you assist in accomplishing this????

Sign in to reply to this post

neilo

Hiya,

I'm not seeing the new classes in either of your XML files.

If you have already placed the styles in your CMS/css/cms_styles.css stylesheet, then you just need to add the class names into these two xml files:

HTMLEditor/custom/contents_insert_ContentValueStyles1.xml
HTMLEditor/custom/contents_update_ContentValueStyles1.xml


Each style name appears twice in a style block in the form of:

<Style name="myStyle" element="span">
<Attribute name="class" value="myStyle"/>
</Style>

So if (for instance) you have two classes called .firstStyle and .secondStyle, then your xml files would look like:

<?xml version="1.0" encoding="UTF-8"?>
<Styles>
<Style name="firstStyle" element="span">
<Attribute name="class" value="firstStyle"/>
</Style>
<Style name="secondStyle" element="span">
<Attribute name="class" value="secondStyle"/>
</Style>
</Styles>

Note: Don't include the dot before the class name in the xml blocks.

Sign in to reply to this post

gzirfas374932

Thanks -- is there a quicker way

thanks i did get this resolved. is there a quicker way to add these from my css file other than typing them all in the xml document manually?????

Sign in to reply to this post

neilo

The quickest and easiest way is using the HTMLEditor extension, if you have it. How you add the styles then, depends on whether you are using HTMLEditor2 or HTMLEditor3.

I didn't suggested this in my last post (I should have) because you mentioned adding the styles to the xml file, so I assumed you didn't own the HTML Editor extension.

If you need advice or want to provide more detail, please post back!

Sign in to reply to this post

webassist.com391302

Thank you for this, but is there not a simpler way to create a path to my master CSS file sitting in the /root folder for the whole web site and use the same CSS styles? And I did test your changes and I don't see where to access those styles in the Power CMS edit window.

Originally Said By: neilo
  Hiya,

I'm not seeing the new classes in either of your XML files.

If you have already placed the styles in your CMS/css/cms_styles.css stylesheet, then you just need to add the class names into these two xml files:

HTMLEditor/custom/contents_insert_ContentValueStyles1.xml
HTMLEditor/custom/contents_update_ContentValueStyles1.xml


Each style name appears twice in a style block in the form of:

<Style name="myStyle" element="span">
<Attribute name="class" value="myStyle"/>
</Style>

So if (for instance) you have two classes called .firstStyle and .secondStyle, then your xml files would look like:

<?xml version="1.0" encoding="UTF-8"?>
<Styles>
<Style name="firstStyle" element="span">
<Attribute name="class" value="firstStyle"/>
</Style>
<Style name="secondStyle" element="span">
<Attribute name="class" value="secondStyle"/>
</Style>
</Styles>

Note: Don't include the dot before the class name in the xml blocks.  
Sign in to reply to this post

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