RTE configuration

Activate an extra CSS file for own settings:

RTE.default.contentCSS = fileadmin/templates/css/rte.css

Define which classes are hidden if formatblock button is shown:

RTE.default {
hidePStyleItems = H1,H4,H5,H6,pre,address
}

Define which buttons are visible:

RTE.default {
showButtons= class, blockstylelabel, blockstyle, textstylelabel, textstyle, formatblock, bold, subscript, superscript, orderedlist, outdent, indent, textindicator, insertcharacter, link, table, findreplace, chMode, removeformat, undo, redo, about, toggleborders, tableproperties, rowproperties, rowinsertabove, rowinsertunder, rowdelete, rowsplit, columninsertbefore, columninsertafter, columndelete, columnsplit, cellproperties, cellinsertbefore, cellinsertafter, celldelete, cellsplit, cellmerge
#All available options:  class, blockstylelabel, blockstyle, textstylelabel, textstyle, formatblock, bold, italic, subscript, superscript, orderedlist, unorderedlist, outdent, indent, textindicator, insertcharacter, link, table, findreplace, chMode, removeformat, undo, redo, about, toggleborders, tableproperties, rowproperties, rowinsertabove, rowinsertunder, rowdelete, rowsplit, columninsertbefore, columninsertafter, columndelete, columnsplit, cellproperties, cellinsertbefore, cellinsertafter, celldelete, cellsplit, cellmerge
}

Here is an example how to add your own class for a paragraph (p), character(span) and link(a) and how to remove unneeded classes:

RTE.default.proc.allowedClasses := addToList(error, small, arrowlink)
RTE.default.classesParagraph := addToList(error)
RTE.default.classesCharacter := addToList(small)

RTE.default.classesAnchor := addToList(arrowlink)
RTE.default.classesParagraph := removeFromList(csc-frame-frame1, csc-frame-frame2)

RTE.default.proc.allowedClasses := removeFromList(csc-frame-frame1, csc-frame-frame2, important, name-of-person, detail) 
RTE.classes := removeFromList(csc-frame-frame1, csc-frame-frame2, important, name-of-person, detail) 

RTE.classes.error {
              name = Error in Red
             value = color: #FF0000; font-weight: bold;}
RTE.classes.small {
             name = Small Font
             value = font-size: 80%;
        }
RTE.classesAnchor.arrowlink {
             name = Link with an Arrow
             value = background: url(fileadmin/templates/arrow1.gif) no-repeat 100% 0%;
        }

span.small {
font-size: 90%;
line-height:1.1em;
}
p.error {
color: #900;
}
a.arrowlink {
background: url(../img/arrow1.gif) no-repeat 100% 60%;
padding-right:12px;
}