Typo3 Formidable > Reference > elements > renderlet:TINYMCE

renderlet:TINYMCE

Reference

Go to Top
path data type req default uobj description
all     This control has applied all the common properties of renderlet.

See renderlet:* section for the complete list of common properties to use.
config/ : Set special configurations for this control.
This control is the equivalent of RTE from Typo3.

You can find a completly and detailed description of TinyMCE control here:
TinyMCE:Configuration
config/widthstring    Set the width of control.

Example: 
  1. width="450px"
config/heightstring    Set the height of control.

Example: 
  1. height="350px"
config/content_cssstring    Set an external CSS file for this control.

Example: 
  1. content_css="fileadmin/templates/v1/css/tinymce.css"
config/entity_encodingstring
  
named  Set the way how the entities/characters are processed by TinyMCE.

This property can be set to:
  • named:
    Characters will be converted into named entities based on the entities option.
    For example, a non-breaking space could be encoded as 
    1.  
  • numeric:
    Characters will be converted into numeric entities.
    For example, a non-breaking space would be encoded as 
    1.  
  • raw:
    All characters will be stored in non entity form except these XML default entities: & < > " '
config/themestring
  
simple  Set the type of this control.

This property can have one of the following values:
  • simple
  • advanced

Example: 
  1. <theme>advanced</theme>
config/pluginsstring    Set the list of plugins, comma separated, to use for configuring the advanced version of this control.
This property is required and can be used only when theme="advanced".

The available plugins are:
  • advhr
  • advimage
  • advlink
  • autosave
  • bbcode
  • compat2x
  • contextmenu
  • directionality
  • emotions
  • example
  • flash
  • fullpage
  • fullscreen
  • iespell
  • inlinepopups
  • insertdatetime
  • layer
  • media
  • nonbreaking
  • noneditable
  • pagebreak
  • paste
  • preview
  • print
  • safari
  • save
  • searchreplace
  • spellchecker
  • style
  • table
  • template
  • visualchars
  • xhtmlxtras

For more details, please visit:
TinyMCE:Plugins

Example: 
  1. <plugins>advimage,advlink</plugins>
config/theme_advanced_stylesstring SimpleLayout  This option should contain a semicolon separated list of class titles and class names separated by "=".
The titles will be presented to the user in the styles dropdown list and the class names will be inserted.
If this option is not defined, TinyMCE imports the classes from the "content_css".

Example: 
  1. theme_advanced_styles="comment=crosspost_comment"
config/theme_advanced_layout_managerstring SimpleLayout  Set the type of layout for this control.
This property is required and can be used only when theme="advanced".

This property can have one of the following values:
  • SimpleLayout: is a simple layout manager
  • RowLayout: is a more advanced layout manager
  • CustomLayout: executes a custom layout manager function
config/theme_advanced_toolbar_locationstring bottom  Set the location of toolbar for this control.
This property is required and can be used only when
theme="advanced"
and
theme_advanced_layout_manager="SimpleLayout".

This property can have one of the following values:
  • top
  • bottom
  • external
Choosing the "external" location adds the toolbar to a DIV element and sets the class of this DIV to "mceExternalToolbar". This enables you to freely specify the location of the toolbar.
config/theme_advanced_buttonsstring    Set the list of button/control names, comma separated, to insert into the toolbar.

The real and full name of this property is theme_advanced_buttons<1-n>.
The number 1-n is the row number to insert the buttons/controls to. Below is a list of built in controls, plugins may include other controls names that can be inserted but these are documented in the individual plugins.

This property is required and can be used only when
theme="advanced"
and
theme_advanced_layout_manager="SimpleLayout".

Since these rows have items in them by default you need to set them to empty strings "", if you want to completely remove these rows.

For more details, please visit:
theme_advanced_buttons_1_n

Example: 
  1. <theme_advanced_buttons1>fontselect,fontsizeselect,bold,italic,underline,strikethrough,justifyleft,justifycenter,justifyright,justifyfull</theme_advanced_buttons1>
  2. <theme_advanced_buttons2>bullist,numlist,copy,paste,cut,cleanup,undo,redo</theme_advanced_buttons2>
  3. <theme_advanced_buttons3></theme_advanced_buttons3>
addconfig/ : TODO

Examples

Go to Top

1). You can see bellow an example of configuration for RTE.

 

This example will generate something like that in the FE: