Example Editor Styles for Wygwam

wygwam_styles.js

CKEDITOR.stylesSet.add( 'editor_styles',
[
    // Block Styles
    //{ name: 'Blue Title', element: 'h2', styles: { 'color': 'Blue' } },

    { name: 'Legal Text', element: 'p', attributes: { 'class': 'legal' } },
    { name: 'CTA Button', element: 'a', attributes: { 'class': 'ctabutton' } },
    { name: 'Citation', element: 'span', attributes: { 'class': 'cite' } },


    // Table Styles
    { name: 'Table: Comparison', element: 'table', attributes: { 'class': 'comparison-table', 'cellpadding': '4'} },
    { name: 'TH: Top', element: 'th', attributes: { 'class': 'top'} },
    { name: 'TH: Left', element: 'th', attributes: { 'class': 'left'} },
    { name: 'TD: Center', element: 'td', attributes: { 'class': 'center'} }


]);