# Configuration reference

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

### URL

- convert_urls
- relative_urls
- remove_script_host
- document_base_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

- content_css
- popups_css
- editor_css
- width
- height

### Visual aids

- visual
- visual_table_class

### Undo/Redo

- custom_undo_redo
- custom_undo_redo_levels
- custom_undo_redo_keyboard_shortcuts
- custom_undo_redo_restore_selection

### File lists

- external_link_list_url
- external_image_list_url

### Tab specific

- display_tab_class
- hidden_tab_class

### Triggers/Patches

- add_form_submit_trigger
- add_unload_trigger
- submit_patch

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

## 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.