This document is the index/reference page for all available core configuration options in TinyMCE.
Configuration options
All configuration options below is to be placed within the init JavaScript call.
General
- mode
- theme
- plugins
- language
- ask
- textarea_trigger
- editor_selector
- editor_deselector
- elements
- docs_language
- debug
- focus_alert
- directionality
- auto_reset_designmode
- auto_focus
- nowrap
- button_tile_map
- auto_resize
- browsers
- dialog_type
- accessibility_warnings
- accessibility_focus
- event_elements
- table_inline_editing
- object_resizing
- custom_shortcuts
- strict_loading_mode
Cleanup/Output
- cleanup
- valid_elements
- extended_valid_elements
- invalid_elements
- verify_css_classes
- verify_html
- preformatted
- encoding
- cleanup_on_startup
- fix_content_duplication
- inline_styles
- convert_newlines_to_brs
- force_br_newlines
- force_p_newlines
- entities
- entity_encoding
- remove_linebreaks
- convert_fonts_to_spans
- font_size_classes
- font_size_style_values
- merge_styles_invalid_parents
- force_hex_style_colors
- apply_source_formatting
- trim_span_elements
- doctype
- fix_list_elements
- fix_table_elements
- valid_child_elements
URL
Callbacks
- urlconverter_callback
- insertlink_callback
- insertimage_callback
- setupcontent_callback
- save_callback
- onchange_callback
- init_instance_callback
- file_browser_callback
- cleanup_callback
- handle_event_callback
- execcommand_callback
- oninit
- onpageload
Layout
Visual aids
Undo/Redo
- custom_undo_redo
- custom_undo_redo_levels
- custom_undo_redo_keyboard_shortcuts
- custom_undo_redo_restore_selection
File lists
Tab specific
Triggers/Patches
Advanced theme
- theme_advanced_layout_manager
- theme_advanced_blockformats
- theme_advanced_styles
- theme_advanced_source_editor_width
- theme_advanced_source_editor_height
- theme_advanced_source_editor_wrap
- theme_advanced_toolbar_location
- theme_advanced_toolbar_align
- theme_advanced_statusbar_location
- theme_advanced_buttons<1-n>
- theme_advanced_buttons<1-n>_add
- theme_advanced_buttons<1-n>_add_before
- theme_advanced_disable
- theme_advanced_containers
- theme_advanced_containers_default_class
- theme_advanced_containers_default_align
- theme_advanced_container_<container>
- theme_advanced_container_<container>_class
- theme_advanced_container_<container>_align
- theme_advanced_custom_layout
- theme_advanced_link_targets
- theme_advanced_resizing
- theme_advanced_resizing_use_cookie
- theme_advanced_resize_horizontal
- theme_advanced_path
- theme_advanced_fonts
- theme_advanced_text_colors
- theme_advanced_background_colors
Initialization of TinyMCE
Inorder to initialize the TinyMCE the following code must be placed within HEAD element of a document. The following example is configurated to convert all TEXTAREA elements to into editors when the page loads, there are other modes as well.
Example of TinyMCE configuration:
<html> <head> <script language="javascript" type="text/javascript" src="../jscripts/tiny_mce/tiny_mce.js"></script> <script language="javascript" type="text/javascript"> tinyMCE.init({ theme : "advanced", mode : "textareas" }); </script> </head>
Note: Remember to remove the last "," character in the options list.