# *************************************************************************************** # "Typical" Page TSconfig for htmlArea RTE and Classic RTE # # Sets Page TSConfig with most commonly used features representing a good start for typical sites. # # @author Stanislas Rolland # # TYPO3 SVN ID: $Id$ # *************************************************************************************** ## Define labels and styles to be applied to class selectors in the interface of the RTE ## The examples included here make partial re-use of color scheme and frame scheme from CSS Styled Content extension RTE.classes { align-left { name = LLL:EXT:rtehtmlarea/htmlarea/locallang_tooltips.xml:justifyleft value = text-align: left; } align-center { name = LLL:EXT:rtehtmlarea/htmlarea/locallang_tooltips.xml:justifycenter value = text-align: center; } align-right { name = LLL:EXT:rtehtmlarea/htmlarea/locallang_tooltips.xml:justifyright value = text-align: right; } csc-frame-frame1 { name = LLL:EXT:rtehtmlarea/res/contentcss/locallang.xml:frame-frame1 value = background-color: #EDEBF1; border: 1px solid #333333; } csc-frame-frame2 { name = LLL:EXT:rtehtmlarea/res/contentcss/locallang.xml:frame-frame2 value = background-color: #F5FFAA; border: 1px solid #333333; } important { name = LLL:EXT:rtehtmlarea/res/contentcss/locallang.xml:important value = color: #8A0020; } name-of-person { name = LLL:EXT:rtehtmlarea/res/contentcss/locallang.xml:name-of-person value = color: #10007B; } detail { name = LLL:EXT:rtehtmlarea/res/contentcss/locallang.xml:detail value = color: #186900; } component-items { name = LLL:EXT:rtehtmlarea/res/contentcss/locallang.xml:component-items value = color: #186900; } action-items { name = LLL:EXT:rtehtmlarea/res/contentcss/locallang.xml:action-items value = color: #8A0020; } component-items-ordered { name = LLL:EXT:rtehtmlarea/res/contentcss/locallang.xml:component-items value = color: #186900; } action-items-ordered { name = LLL:EXT:rtehtmlarea/res/contentcss/locallang.xml:action-items value = color: #8A0020; } } ## Anchor classes configuration for use by the anchor accesibility feature (htmlArea RTE only) RTE.classesAnchor { externalLink { class = external-link type = url titleText = LLL:EXT:rtehtmlarea/res/accessibilityicons/locallang.xml:external_link_titleText } externalLinkInNewWindow { class = external-link-new-window type = url titleText = LLL:EXT:rtehtmlarea/res/accessibilityicons/locallang.xml:external_link_new_window_titleText } internalLink { class = internal-link type = page titleText = LLL:EXT:rtehtmlarea/res/accessibilityicons/locallang.xml:internal_link_titleText } internalLinkInNewWindow { class = internal-link-new-window type = page titleText = LLL:EXT:rtehtmlarea/res/accessibilityicons/locallang.xml:internal_link_new_window_titleText } download { class = download type = file titleText = LLL:EXT:rtehtmlarea/res/accessibilityicons/locallang.xml:download_titleText } mail { class = mail type = mail titleText = LLL:EXT:rtehtmlarea/res/accessibilityicons/locallang.xml:mail_titleText } } ## Default RTE configuration RTE.default { ## Markup options (htmlArea RTE only) enableWordClean = 1 removeTrailingBR = 1 removeComments = 1 removeTags = center, font, o:p, sdfield, strike, u removeTagsAndContents = link, meta, script, style, title ## Toolbar options ## The TCA configuration may add buttons to the toolbar ## The following buttons are specific to Classic RTE: class ## The following buttons are specific to htmlArea RTE: blockstylelabel, blockstyle, textstylelabel, textstyle, ## insertcharacter, findreplace, removeformat, toggleborders, tableproperties, ## rowproperties, rowinsertabove, rowinsertunder, rowdelete, rowsplit, ## columninsertbefore, columninsertafter, columndelete, columnsplit, ## cellproperties, cellinsertbefore, cellinsertafter, celldelete, cellsplit, cellmerge showButtons ( 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 ) ## More toolbar options (htmlArea RTE only) keepButtonGroupTogether = 1 ## Enable status bar (htmlArea RTE only) showStatusBar = 1 ## Hide infrequently used paragraph types in the paragraph type selector (formatblock button) hidePStyleItems = pre,address ## Add default example styles ## Left, center, right and justify alignment of text in block elements inlineStyle.text-alignment ( p.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, div.align-left, address.align-left { text-align: left; } p.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, div.align-center, address.align-center { text-align: center; } p.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, div.align-right, address.align-right { text-align: right; } p.align-justify, h1.align-justify, h2.align-justify, h3.align-justify, h4.align-justify, h5.align-justify, h6.align-justify, div.align-justify, address.align-justify { text-align: justify; } ) ## Two frame examples taken from the example CSS file of CSS Styled Content extension and applied to p and table block elements. inlineStyle.frames ( p.csc-frame-frame1, table.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #333333; } p.csc-frame-frame2, table.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #333333; } ) ## Bullet styles for unordered lists. inlineStyle.ul ( ul.component-items { color: #186900; list-style-type: circle; } ul.action-items { color: #8A0020; list-style-image: url(img/red_arrow_bullet.gif); } ) ## Numbering styles for ordered lists. inlineStyle.ol ( ol.component-items-ordered { color: #10007B; list-style-type: lower-roman; } ol.action-items-ordered { color: #8A0020; list-style-type: lower-greek; } ) ## Three inline text colors taken from the color scheme of CSS Styled Content extension. inlineStyle.inline-text ( span.important { color: #8A0020; } span.name-of-person { color: #10007B; } span.detail { color: #186900; } ) ## Default selectors for the default configuration of the link accessibity feature. inlineStyle.accessibility ( a.external-link {} a.external-link-new-window {} a.internal-link {} a.internal-link-new-window {} a.download {} a.mail {} ) ## Default selector for indentation. inlineStyle.indentation ( div.indent { margin-left: 2em; } ) ## Use stylesheet file rather than the above mainStyleOverride and inlineStyle properties to style the contents (htmlArea RTE only). ## When RTE.default.contentCSS is not specified, file EXT:rtehtmlarea/res/contentcsss/default.css is used. ignoreMainStyleOverride = 1 ## List all class selectors that are allowed on the way to the database proc.allowedClasses ( external-link, external-link-new-window, internal-link, internal-link-new-window, download, mail, align-left, align-center, align-right, align-justify, csc-frame-frame1, csc-frame-frame2, component-items, action-items, component-items-ordered, action-items-ordered, important, name-of-person, detail, indent ) ## classesParagraph, classesTable, classesTD, classesLinks, classesCharacter ## Classic RTE: Specify the list of class selectors that should be presented in the RTE interface: ## htmlArea RTE: Restrict the list of class selectors presented by the RTE to the following: classesParagraph ( align-left, align-center, align-right, csc-frame-frame1, csc-frame-frame2 ) classesTable = csc-frame-frame1, csc-frame-frame2 classesTD = align-left, align-center, align-right classesLinks = external-link, external-link-new-window, internal-link, internal-link-new-window, download, mail classesCharacter = important, name-of-person, detail ## Configuration of the anchor accessibility feature (htmlArea RTE only) ## These classes should also be in the list of allowedClasses. classesAnchor = external-link, external-link-new-window, internal-link, internal-link-new-window, download, mail classesAnchor.default { page = internal-link url = external-link-new-window file = download mail = mail } ## Configuration specific to the TableOperations feature (htmlArea RTE only) ## Remove the following fieldsets from the table operations dialogs disableAlignmentFieldsetInTableOperations = 1 disableSpacingFieldsetInTableOperations = 1 disableColorFieldsetInTableOperations = 1 disableLayoutFieldsetInTableOperations = 1 disableBordersFieldsetInTableOperations = 1 ## Show borders on table creation buttons.toggleborders.setOnTableCreation = 1 ## Configuration specific to the bold and italic buttons (htmlArea RTE only) ## Add hotkeys associated with bold and italic buttons buttons.bold.hotKey = b buttons.italic.hotKey = i } ## front end RTE configuration for the general public (htmlArea RTE only) RTE.default.FE < RTE.default RTE.default.FE.showStatusBar = 0 RTE.default.FE.hideButtons = chMode, blockstyle, textstyle, underline, strikethrough, subscript, superscript, lefttoright, righttoleft, left, center, right, justifyfull, table, inserttag, findreplace, removeformat, copy, cut, paste RTE.default.FE.FE > RTE.default.FE.userElements > RTE.default.FE.userLinks >