# *************************************************************************************** # "Demo" Page TSconfig for htmlArea RTE # # Sets default Page TSConfig with maximal features for users who want to explore the features of the RTE. # # TYPO3 SVN ID: $Id$ # *************************************************************************************** ## Define labels and styles to be applied to class selectors in the interface of the RTE ## 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 image = EXT:rtehtmlarea/res/accessibilityicons/img/external_link.gif altText = LLL:EXT:rtehtmlarea/res/accessibilityicons/locallang.xml:external_link_altText titleText = LLL:EXT:rtehtmlarea/res/accessibilityicons/locallang.xml:external_link_titleText } externalLinkInNewWindow { class = external-link-new-window type = url image = EXT:rtehtmlarea/res/accessibilityicons/img/external_link_new_window.gif altText = LLL:EXT:rtehtmlarea/res/accessibilityicons/locallang.xml:external_link_new_window_altText titleText = LLL:EXT:rtehtmlarea/res/accessibilityicons/locallang.xml:external_link_new_window_titleText } internalLink { class = internal-link type = page image = EXT:rtehtmlarea/res/accessibilityicons/img/internal_link.gif altText = LLL:EXT:rtehtmlarea/res/accessibilityicons/locallang.xml:internal_link_altText titleText = LLL:EXT:rtehtmlarea/res/accessibilityicons/locallang.xml:internal_link_titleText } internalLinkInNewWindow { class = internal-link-new-window type = page image = EXT:rtehtmlarea/res/accessibilityicons/img/internal_link_new_window.gif altText = LLL:EXT:rtehtmlarea/res/accessibilityicons/locallang.xml:internal_link_new_window_altText titleText = LLL:EXT:rtehtmlarea/res/accessibilityicons/locallang.xml:internal_link_new_window_titleText } download { class = download type = file image = EXT:rtehtmlarea/res/accessibilityicons/img/download.gif altText = LLL:EXT:rtehtmlarea/res/accessibilityicons/locallang.xml:download_altText titleText = LLL:EXT:rtehtmlarea/res/accessibilityicons/locallang.xml:download_titleText } mail { class = mail type = mail image = EXT:rtehtmlarea/res/accessibilityicons/img/mail.gif altText = LLL:EXT:rtehtmlarea/res/accessibilityicons/locallang.xml:mail_altText 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, o:p, sdfield removeTagsAndContents = link, meta, script, style, title ## Allow img tags proc.entryHTMLparser_db.tags.img > ## Allow style attribute proc.entryHTMLparser_db.tags { p.allowedAttribs := addToList(style) span.fixAttrib.style.unset > } ## Toolbar options showButtons = * ## More toolbar options (htmlArea RTE only) keepButtonGroupTogether = 1 ## Enable status bar (htmlArea RTE only) showStatusBar = 1 ## 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 ## For this demo, do not remove font, strike and u tags proc.entryHTMLparser_db.removeTags := removeFromList(font,strike,u) ## 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 } ## Show all applicable class selectors available in the style sheet file (htmlArea RTE only) showTagFreeClasses = 1 ## Configuration specific to the table button or TableOperations feature (htmlArea RTE only) ## Use the context menu instead of the toolbar for table operations, but keep toggleborders button in toolbar ## Show borders on table creation hideTableOperationsInToolbar = 1 buttons.toggleborders.keepInToolbar = 1 buttons.toggleborders.setOnTableCreation = 1 ## Configuration specific to the inserttag button or QuickTag feature (htmlArea RTE only) ## Do not allow insertion of the following tags buttons.inserttag.denyTags = font, u, strike, table ## Configuration specific to the bold and italic buttons (htmlArea RTE only) ## Add hotkeys associated with bold, italic, strikethrough and underline buttons buttons.bold.hotKey = b buttons.italic.hotKey = i buttons.strikethrough.hotKey = s buttons.underline.hotkey = u ## Configuration specific to the spellcheck button or SpellCheck feature (htmlArea RTE only) ## Enable the use of personal dictionaries buttons.spellcheck.enablePersonalDictionaries = 1 } ## Use same processing as on entry to database to clean content pasted into the editor RTE.default.enableWordClean.HTMLparser < RTE.default.proc.entryHTMLparser_db ## front end RTE configuration (htmlArea RTE only) RTE.default.FE < RTE.default RTE.default.FE.FE > RTE.default.FE.userElements > RTE.default.FE.userLinks >