RTE HTMLarea

< 5.3. Minimal default configuration  Table Of Content 5.5. Image default configuration >

5.4. Demo default configuration

This default configuration sets Page TSConfig and User TSConfig with as many features as possible for users who want to explore the features of the RTE. This is not recommended for production environments.

The following is inserted in Page TSConfig:

    ## 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 accessibility feature (htmlArea RTE only) 

  RTE.classesAnchor {

      externalLink {

          class = external-link

          type = url

          image = EXT:rtehtmlarea/htmlarea/plugins/TYPO3Link/img/external_link.gif

          altText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Link/locallang.xml:external_link_altText

          titleText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Link/locallang.xml:external_link_titleText

      }

      externalLinkInNewWindow {

          class = external-link-new-window

          type = url

          image = EXT:rtehtmlarea/htmlarea/plugins/TYPO3Link/img/external_link_new_window.gif

          altText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Link/locallang.xml:external_link_new_window_altText

          titleText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Link/locallang.xml:external_link_new_window_titleText

      }

      internalLink {

          class = internal-link

          type = page

          image = EXT:rtehtmlarea/htmlarea/plugins/TYPO3Link/img/internal_link.gif

          altText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Link/locallang.xml:internal_link_altText

          titleText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Link/locallang.xml:internal_link_titleText

      }

      internalLinkInNewWindow {

          class = internal-link-new-window

          type = page

          image = EXT:rtehtmlarea/htmlarea/plugins/TYPO3Link/img/internal_link_new_window.gif

          altText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Link/locallang.xml:internal_link_new_window_altText

          titleText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Link/locallang.xml:internal_link_new_window_titleText

      }

      download {

          class = download

          type = file

          image = EXT:rtehtmlarea/htmlarea/plugins/TYPO3Link/img/download.gif

          altText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Link/locallang.xml:download_altText

          titleText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Link/locallang.xml:download_titleText

      }

      mail {

          class = mail

          type = mail

          image = EXT:rtehtmlarea/htmlarea/plugins/TYPO3Link/img/mail.gif

          altText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Link/locallang.xml:mail_altText

          titleText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Link/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 = style,script

        ## Allow img tags 

      proc.entryHTMLparser_db.tags.img >

        ## Allow style attributes on p and span tags 

      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 and right alignment of text in paragraphs and cells. 

      inlineStyle.text-alignment (

          p.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, td.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, td.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, td.align-right { text-align: right; }

      )

        ## 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; }

      )

        ## Use stylesheet file rather than the above mainStyleOverride and inlineStyle properties to style the contents (htmlArea RTE only) 

      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, underline, strike, table

        ## Configuration specific to the spellcheck button or SpellCheck feature (htmlArea RTE only)

        ## Enable the use of personal dictionaries 

      enablePersonalDicts = 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.userElements >

  RTE.default.FE.userLinks >

    ## tt_content TCEFORM configuration

    ## Let use all the space available for more comfort. 

  TCEFORM.tt_content.bodytext.RTEfullScreenWidth= 100%

The following is inserted in User TSConfig:

    ## Enable the RTE by default for all users 

  setup.default.edit_RTE = 1

    ## Enable the file upload feature of the element browser by default for all users 

  options.uploadFieldsInTopOfEB = 1

    ## Set the default spelling ability of the check speller for all users 

  options.HTMLAreaPspellMode = bad-spellers

    ## Enable the personal dictionary feature of the check speller by default for all users 

  options.enablePersonalDicts = 1

To top


Valid XHTML 1.0!