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

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.

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

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!

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.