Using CSS styles in RadEditor

HOW-TO
Use CSS styles in RadEditor?

SOLUTION
In a nutshell, by design the CSS class dropdown for every dialog will display all the global styles and the ones that are directly related to the object - e.g. a.class for the Hyperlink Manager.
Same holds true for the Table Properties dialog and any other RadEditor's dialog where CSS class can be applied. 

EXAMPLE
Let us set the following styles in our page. For RadEditor v5.x and RadEditor MCMS Premium edition v5.x, the styles can also be set via an external stylesheet. More information of how to do this is provided in the documentation or online here.

<style>
    TABLE.TABLEgreen {background-color: green;}
    td.TDyellow {background-color:yellow;}
    a.APink {background-color: pink;}
    p.ParaTagRed {background-color: red;}
    img.IMGREDred {background-color:red;}
    .DotOrange{background-color: orange;}
</style>

As you can see from the provided screenshots, the CSS class dropdown in every dialog will display the styles that can be set only on the selected element and all the global styles that can be applied over any Html element:
 

 

 

 

 


More information about CSS styles - global and specific for an element, can be found in various internet sites. For example - www.w3c.org.