NOTE: TinyMCE 5 reached End of Support in April 2023. No more bug fixes, security updates, or new features will be introduced to TinyMCE 5. We recommend you upgrade to TinyMCE 6 or consider TinyMCE 5 Long Term Support (LTS) if you need more time.
Toolbar Buttons Available for TinyMCE
Complete list of toolbar buttons available for the toolbar and quick toolbars.
Contribute to this pageThe 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. - Custom Context toolbars.
The core toolbar buttons
The following toolbar buttons are available for all TinyMCE instances without enabling any plugins:
Toolbar button identifier | Description |
---|---|
aligncenter | Center aligns the current block or image. |
alignjustify | Full aligns the current block or image. |
alignleft | Left aligns the current block or image. |
alignnone | Removes the alignment of the current block or image. |
alignright | Right aligns the current block or image. |
blockquote | Applies block quote format to the current block level element. |
backcolor | Applies background color to selection. |
bold | Applies the bold format to the current selection. |
copy | Copies the current selection into clipboard. |
cut | Cuts the current selection into clipboard. |
fontselect | Dropdown list with font families to apply to selection. |
fontsizeselect | Dropdown list with font sizes to apply to selection. |
forecolor | Applies foreground/text color to selection. |
formatselect | Dropdown list with block formats to apply to selection. |
h1 | Changes current line to the “Heading 1” style. |
h2 | Changes current line to the “Heading 2” style. |
h3 | Changes current line to the “Heading 3” style. |
h4 | Changes current line to the “Heading 4” style. |
h5 | Changes current line to the “Heading 5” style. |
h6 | Changes current line to the “Heading 6” style. |
indent | Indents the current list item or block element. |
italic | Applies the italic format to the current selection. |
language | Dropdown list with languages to apply to the selection. This button requires the content_langs option.> Note: This feature is only available for TinyMCE 5.9 and later. |
lineheight | Dropdown list with line heights to apply to selection. > Note: This feature is only available for TinyMCE 5.5 and later. |
newdocument | Creates a new document. |
outdent | Outdents the current list item or block element. |
paste | Pastes the current clipboard into the editor. |
redo | To redo the last undone operation. |
remove | Removes (deletes) the selected content or the content before the cursor position. |
removeformat | Removes the formatting from the current selection. |
selectall | Selects all content in the editor. |
strikethrough | Applies strike though format to the current selection. |
styleselect | Dropdown list with styles to apply to selection. |
subscript | Applies subscript format to the current selection. |
superscript | Applies superscript format to the current selection. |
underline | Applies the underline format to the current selection. |
undo | To undo the last operation. |
visualaid | Toggles the visual aids for invisible elements. |
A11yChecker plugin
The A11yChecker plugin provides the following toolbar buttons:
Toolbar button identifier | Description |
---|---|
a11ycheck | 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 |
---|---|
code | 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 |
---|---|
advtablerownumbering | 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 |
---|---|
anchor | 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 |
---|---|
restoredraft | 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 |
---|---|
casechange | 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 |
---|---|
charmap | 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 |
---|---|
checklist | 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 |
---|---|
code | 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 |
---|---|
codesample | 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 |
---|---|
addcomment | Adds a comment at the cursor location or for the selected text. |
showcomments | Shows/hides comments present in the editor. |
For information on the Comments plugin, see: Plugins - The Comments plugin
Directionality plugin
The Directionality plugin provides the following toolbar buttons:
Toolbar button identifier | Description |
---|---|
ltr | Sets the directionality of contents to ltr. |
rtl | Sets the directionality of contents to rtl. |
For information on the Directionality plugin, see: Plugins - The Directionality plugin
Emoticons plugin
The Emoticons plugin provides the following toolbar buttons:
Toolbar button identifier | Description |
---|---|
emoticons | Opens the emoticons dialog. |
For information on the Emoticons plugin, see: Plugins - The Emoticons plugin
Export plugin
The Export plugin provides the following toolbar buttons:
Toolbar button identifier | Description |
---|---|
export | Downloads the content from the editor in the selected format. |
For information on the Export plugin, see: Plugins - The Export plugin
Format Painter plugin
The Format Painter plugin provides the following toolbar buttons:
Toolbar button identifier | Description |
---|---|
formatpainter | Enables and disables format painting. |
For information on the Format Painter plugin, see: Plugins - The Format Painter plugin
Full Page plugin
The Full Page plugin provides the following toolbar buttons:
Important: The Full Page plugin (
fullpage
) was deprecated with the release of TinyMCE 5.9. For details, see the Full Page plugin deprecation notice. The Full Page plugin will be removed in TinyMCE 6.0.
Toolbar button identifier | Description |
---|---|
fullpage | Documents properties for the full page. |
For information on the Full Page plugin, see: Plugins - The Full Page plugin
Full Screen plugin
The Full Screen plugin provides the following toolbar buttons:
Toolbar button identifier | Description |
---|---|
fullscreen | Toggles fullscreen mode |
For information on the Full Screen plugin, see: Plugins - The Full Screen plugin
Help plugin
The Help plugin provides the following toolbar buttons:
Toolbar button identifier | Description |
---|---|
help | Opens the help dialog |
For information on the Help plugin, see: Plugins - The Help plugin
Horizontal Rule plugin
The Horizontal Rule plugin provides the following toolbar buttons:
Toolbar button identifier | Description |
---|---|
hr | Inserts a horizontal rule into the editor. |
For information on the Horizontal Rule plugin, see: Plugins - The Horizontal Rule plugin
Image plugin
The Image plugin provides the following toolbar buttons:
Toolbar button identifier | Description |
---|---|
image | Creates/Edits images within the editor. |
For information on the Image plugin, see: Plugins - The Image plugin
Image Tools plugin
The Image Tools plugin provides the following toolbar buttons:
Toolbar button identifier | Description |
---|---|
editimage | Edits the current image in the image dialog. |
fliph | Flips the current image horizontally. |
flipv | Flips the current image vertically. |
imageoptions | Opens the image options dialog. |
rotateleft | Rotates the current image counterclockwise. |
rotateright | Rotates the current image clockwise. |
For information on the Image Tools plugin, see: Plugins - The Image Tools plugin
Insert Date/Time plugin
The Insert Date/Time plugin provides the following toolbar buttons:
Toolbar button identifier | Description |
---|---|
insertdatetime | Inserts the current date/time |
For information on the Insert Date/Time plugin, see: Plugins - The Insert Date/Time plugin
Link plugin
The Link plugin provides the following toolbar buttons:
Toolbar button identifier | Description |
---|---|
link | Creates/Edits links within the editor. |
openlink | Opens the selected link in a new tab. |
unlink | Removes links from the current selection. |
For information on the Link plugin, see: Plugins - The Link plugin
Lists plugin
The Lists plugin provides the following toolbar buttons:
Toolbar button identifier | Description |
---|---|
bullist | Formats the current selection as a bullet list. |
numlist | Formats the current selection as a numbered list. |
For information on the Lists plugin, see: Plugins - The Lists plugin
Media plugin
The Media plugin provides the following toolbar buttons:
Toolbar button identifier | Description |
---|---|
media | Creates/Edits embedded media elements. |
For information on the Media plugin, see: Plugins - The Media plugin
Nonbreaking Space plugin
The Nonbreaking Space plugin provides the following toolbar buttons:
Toolbar button identifier | Description |
---|---|
nonbreaking | Inserts a nonbreaking space into the editor. |
For information on the Nonbreaking Space plugin, see: Plugins - The Nonbreaking Space plugin
Page Break plugin
The Page Break plugin provides the following toolbar buttons:
Toolbar button identifier | Description |
---|---|
pagebreak | Inserts a pagebreak into the editor. |
For information on the Page Break plugin, see: Plugins - The Page Break plugin
Page Embed plugin
The Page Embed plugin provides the following toolbar buttons:
Toolbar button identifier | Description |
---|---|
pageembed | Opens the insert or edit iframe dialog. |
For information on the Page Embed plugin, see: Plugins - The Page Embed plugin
Paste plugin
The Paste plugin provides the following toolbar buttons:
Toolbar button identifier | Description |
---|---|
pastetext | Toggles plain text pasting mode on/off. When in plain text mode, all rich content is converted into plain text. |
For information on the Paste plugin, see: Plugins - The Paste plugin
Permanent Pen plugin
The Permanent Pen plugin provides the following toolbar buttons:
Toolbar button identifier | Description |
---|---|
permanentpen | Enables and disables Permanent Pen formatting. |
For information on the Permanent Pen plugin, see: Plugins - The Permanent Pen plugin
PowerPaste plugin
The PowerPaste plugin provides the following toolbar buttons:
Toolbar button identifier | Description |
---|---|
pastetext | Toggles plain text pasting mode on/off. When in plain text mode, all rich content is converted into plain text. |
For information on the PowerPaste plugin, see: Plugins - The PowerPaste plugin
Preview plugin
The Preview plugin provides the following toolbar buttons:
Toolbar button identifier | Description |
---|---|
preview | Previews the current editor contents. |
For information on the Preview plugin, see: Plugins - The Preview plugin
Print plugin
The Print plugin provides the following toolbar buttons:
Toolbar button identifier | Description |
---|---|
print | Prints the current editor contents. |
For information on the Print plugin, see: Plugins - The Print plugin
Quick Toolbars plugin
The Quick Toolbars plugin provides the following toolbar buttons:
Toolbar button identifier | Description |
---|---|
quickimage | Inserts an image from the local machine. |
quicklink | Inserts a link in a quicker way. |
quicktable | Inserts a table 2x2. |
For information on the Quick Toolbars plugin, see: Plugins - The Quick Toolbars plugin
Save plugin
The Save plugin provides the following toolbar buttons:
Toolbar button identifier | Description |
---|---|
cancel | Cancels/Resets the editor contents to it’s initial state. |
save | Saves the current editor contents to a form or ajax call. |
For information on the Save plugin, see: Plugins - The Save plugin
Search and Replace plugin
The Search and Replace plugin provides the following toolbar buttons:
Toolbar button identifier | Description |
---|---|
searchreplace | Searches and/or Replaces contents within the editor. |
For information on the Search and Replace plugin, see: Plugins - The Search and Replace plugin
Spell Checker plugin
The Spell Checker plugin provides the following toolbar buttons:
Toolbar button identifier | Description |
---|---|
spellchecker | Spellchecks the current editor contents. |
For information on the Spell Checker plugin, see: Plugins - The Spell Checker plugin
Spell Checker Pro plugin
The Spell Checker Pro plugin provides the following toolbar buttons:
Toolbar button identifier | Description |
---|---|
language | Sets the spellchecker language for the current selection. Note: For TinyMCE 5.9 and later, this is a core toolbar button. |
spellcheckdialog | Opens the spelling checker dialog if spellchecker_dialog is false , otherwise this button is disabled. |
spellchecker | Opens the spelling checker dialog if spellchecker_dialog is true , otherwise this button enables or disables spell checking as-you-type. |
For information on the Spell Checker Pro plugin, see: Plugins - The Spell Checker Pro plugin
Table plugin
The Table plugin provides the following toolbar buttons:
Toolbar button identifier | Description |
---|---|
table | Creates/Edits table elements. |
tablecellprops | Opens the Cell properties dialog. |
tablecopyrow | Copies the current row to the clipboard. > Note: This feature is only available for TinyMCE 5.4 and later. |
tablecutrow | Cuts the current row to the clipboard. > Note: This feature is only available for TinyMCE 5.4 and later. |
tabledelete | Deletes table. |
tabledeletecol | Deletes the selected column. |
tabledeleterow | Deletes the current row row. |
tableinsertdialog | Opens the table properties dialog for creating a new table. |
tableinsertcolafter | Inserts column after the current one. |
tableinsertcolbefore | Inserts a column before the current one. |
tableinsertrowafter | Inserts a new row after the current one. |
tableinsertrowbefore | Inserts a new row before the current one. |
tablemergecells | Merges the selected cells. |
tablepasterowafter | Pastes the row in the clipboard after the current row. > Note: This feature is only available for TinyMCE 5.4 and later. |
tablepasterowbefore | Pastes the row in the clipboard before the current row. > Note: This feature is only available for TinyMCE 5.4 and later. |
tableprops | Opens the table properties dialog. |
tablerowprops | Opens the Row properties dialog. |
tablesplitcells | Splits the current merged cell. |
tableclass | Adds or removes pre-defined classes to the selected table. > Note: This feature is only available for TinyMCE 5.9 and later. |
tablecellclass | Adds or removes pre-defined classes to selected cells in the table. > Note: This feature is only available for TinyMCE 5.9 and later. |
tablecellvalign | Sets the vertical alignment of the selected cells. > Note: This feature is only available for TinyMCE 5.9 and later. |
tablecellborderwidth | Sets the border width of all selected cells. > Note: This feature is only available for TinyMCE 5.9 and later. |
tablecellborderstyle | Sets the style of border for all selected cells. > Note: This feature is only available for TinyMCE 5.9 and later. |
tablecaption | Toggles the caption on the selected table. > Note: This feature is only available for TinyMCE 5.9 and later. |
tablecellbackgroundcolor | Sets the background color of the selected cells. > Note: This feature is only available for TinyMCE 5.9 and later. |
tablecellbordercolor | Sets the border color of the selected cells. > Note: This feature is only available for TinyMCE 5.9 and later. |
tablerowheader | Toggle a row between being a table header row or a table body row. > Note: This feature is only available for TinyMCE 5.9 and later. |
tablecolheader | Toggle a column between being a table header column and a table body column. > Note: This feature is only available for TinyMCE 5.9 and later. |
For information on the Table plugin, see: Plugins - The Table plugin
Template plugin
The Template plugin provides the following toolbar buttons:
Toolbar button identifier | Description |
---|---|
template | Inserts templates into the editor. |
For information on the Template plugin, see: Plugins - The Template plugin
Tiny Drive plugin
The Tiny Drive plugin provides the following toolbar buttons:
Toolbar button identifier | Description |
---|---|
insertfile | Opens the Tiny Drive file selector. |
For information on the Tiny Drive plugin, see: Plugins - The Tiny Drive plugin
Table of Contents plugin
The Table of Contents plugin provides the following toolbar buttons:
Toolbar button identifier | Description |
---|---|
toc | Inserts a Table of Contents into the editor. |
tocupdate | Updates the Table of Contents block element. |
For information on the Table of Contents plugin, see: Plugins - The Table of Contents plugin
Visual Blocks plugin
The Visual Blocks plugin provides the following toolbar buttons:
Toolbar button identifier | Description |
---|---|
visualblocks | Toggles the visibility of block elements. |
For information on the Visual Blocks plugin, see: Plugins - The Visual Blocks plugin
Visual Characters plugin
The Visual Characters plugin provides the following toolbar buttons:
Toolbar button identifier | Description |
---|---|
visualchars | Toggles the visibility of non breaking character elements. |
For information on the Visual Characters plugin, see: Plugins - The Visual Characters plugin
Word Count plugin
The Word Count plugin provides the following toolbar buttons:
Toolbar button identifier | Description |
---|---|
wordcount | Opens a word count dialog showing word and character counts. |
For information on the Word Count plugin, see: Plugins - The Word Count plugin
Was this article helpful? Yes - No
Well, that's awkward . Would you mind opening an issue or helping us out?
Thanks for the feedback!
Can't find what you're looking for? Let us know.
Except as otherwise noted, the content of this page is licensed under the Creative Commons BY-NC-SA 3.0 License, and code samples are licensed under the Apache 2.0 License.