Toolbar Buttons Available for TinyMCE
The following tables show all available toolbar items, including items provided by plugins. To retrieve a list from the editor, run the following command from the browser console:
tinyMCE.activeEditor.ui.registry.getAll().buttons
These toolbar buttons can be added to the editor using:
-
The
toolbar
configuration option. -
The
quickbars_insert_toolbar
configuration option.
The core toolbar buttons
The following toolbar buttons are available for all TinyMCE instances without enabling any plugins:
Toolbar button identifier | Description |
---|---|
|
Center aligns the current block or image. |
|
Full aligns the current block or image. |
|
Left aligns the current block or image. |
|
Removes the alignment of the current block or image. |
|
Right aligns the current block or image. |
|
Applies block quote format to the current block level element. |
|
Applies background color to selection. |
|
Applies the bold format to the current selection. |
|
Copies the current selection into clipboard. |
|
Cuts the current selection into clipboard. |
|
Dropdown list with font families to apply to selection. |
|
Dropdown list with font sizes to apply to selection. |
|
Applies foreground/text color to selection. |
|
Dropdown list with block formats to apply to selection. |
|
Changes current line to the "Heading 1" style. |
|
Changes current line to the "Heading 2" style. |
|
Changes current line to the "Heading 3" style. |
|
Changes current line to the "Heading 4" style. |
|
Changes current line to the "Heading 5" style. |
|
Changes current line to the "Heading 6" style. |
|
Indents the current list item or block element. |
|
Applies the italic format to the current selection. |
|
Dropdown list with languages to apply to the selection. This button requires the |
|
Dropdown list with line heights to apply to selection. include::partial$misc/requires_5_5v.adoc[] |
|
Creates a new document. |
|
Outdents the current list item or block element. |
|
Pastes the current clipboard into the editor. |
|
To redo the last undone operation. |
|
Removes (deletes) the selected content or the content before the cursor position. |
|
Removes the formatting from the current selection. |
|
Selects all content in the editor. |
|
Applies strike though format to the current selection. |
|
Dropdown list with styles to apply to selection. |
|
Applies subscript format to the current selection. |
|
Applies superscript format to the current selection. |
|
Applies the underline format to the current selection. |
|
To undo the last operation. |
|
Toggles the visual aids for invisible elements. |
A11yChecker plugin
The A11yChecker plugin provides the following toolbar buttons:
Toolbar button identifier | Description |
---|---|
|
Opens the accessibility checker dialog. |
For information on the A11yChecker plugin, see: Plugins - The A11yChecker plugin
Advanced Code Editor plugin
The Advanced Code Editor plugin provides the following toolbar buttons:
Toolbar button identifier | Description |
---|---|
|
Opens the code dialog |
For information on the Advanced Code Editor plugin, see: Plugins - The Advanced Code Editor plugin
Advanced Tables plugin
The Advanced Tables plugin provides the following toolbar buttons:
Toolbar button identifier | Description |
---|---|
|
Adds or removes (toggles) a row numbering column on the selected table. NOTE: This feature is only available for TinyMCE 5.9 and later. |
For information on the Advanced Tables plugin, see: Plugins - The Advanced Tables plugin
Anchor plugin
The Anchor plugin provides the following toolbar buttons:
Toolbar button identifier | Description |
---|---|
|
Creates/Edits anchor elements. |
For information on the Anchor plugin, see: Plugins - The Anchor plugin
Autosave plugin
The Autosave plugin provides the following toolbar buttons:
Toolbar button identifier | Description |
---|---|
|
Restores to the latest auto saved draft. |
For information on the Autosave plugin, see: Plugins - The Autosave plugin
Case Change plugin
The Case Change plugin provides the following toolbar buttons:
Toolbar button identifier | Description |
---|---|
|
Changes the case of text in a block selection to uppercase, lowercase, or title case. |
For information on the Case Change plugin, see: Plugins - The Case Change plugin
Character Map plugin
The Character Map plugin provides the following toolbar buttons:
Toolbar button identifier | Description |
---|---|
|
Inserts custom characters into the editor. |
For information on the Character Map plugin, see: Plugins - The Character Map plugin
Checklist plugin
The Checklist plugin provides the following toolbar buttons:
Toolbar button identifier | Description |
---|---|
|
Creates a checklist. |
For information on the Checklist plugin, see: Plugins - The Checklist plugin
Code plugin
The Code plugin provides the following toolbar buttons:
Toolbar button identifier | Description |
---|---|
|
Opens the code dialog |
For information on the Code plugin, see: Plugins - The Code plugin
Code Sample plugin
The Code Sample plugin provides the following toolbar buttons:
Toolbar button identifier | Description |
---|---|
|
Inserts code snippets with syntax highlighting. |
For information on the Code Sample plugin, see: Plugins - The Code Sample plugin
Comments plugin
The Comments plugin provides the following toolbar buttons:
Toolbar button identifier | Description |
---|---|
|
Adds a comment at the cursor location or for the selected text. |
|
Shows/hides comments present in the editor. |
For information on the Comments plugin, see: Plugins - The Comments plugin