Commands Available for TinyMCE

Overview

Executable commands
Query command states
- Listing core and plugin query command states
- Available query command states
Query command values
- Listing core and plugin Query command values
- Available Query command values

Executable commands

The following tables show the existing editor commands. These commands are provided by tinymce and not by the browser’s internal commands. These commands can be executed using the execCommand function.

Listing core and plugin editor commands

To retrieve a list of available commands from the active editor, run the following command from the browser console:

tinymce.activeEditor.editorCommands.commands.exec;

Core Editor commands

Supported browser-native commands

The commands in the following table are provided by the TinyMCE editor and provide the same or similar functionality to the native browser commands.

Command Description

Command	Description
Bold	Toggles bold formatting to selection.
Italic	Toggles italic formatting to selection.
Underline	Toggles underline formatting to selection.
Strikethrough	Toggles strikethrough formatting to selection.
Superscript	Toggles superscript formatting to selection.
Subscript	Toggles subscript formatting to selection.
Cut	Cuts the selected contents and puts in into users clipboard.
Copy	Copies the selected contents and puts in into users clipboard.
Paste	Pastes the current clipboard contents into the editor.
ForeColor	Changes the text color of the text. The value passed in should be the color.
BackColor	Changes the background color of the text. The value passed in should be the color.
JustifyLeft	Left aligns the current text block/image.
JustifyCenter	Center aligns the current text block/image.
JustifyRight	Right aligns the current text block/image.
JustifyFull	Full aligns the current text block/image.
FontName	Font name to apply to the text. The value passed in should be the font family name.
FontSize	Font size of the text. The value passed in should be a valid CSS font size.
FormatBlock	Toggles the format of the current selection. The value passed in should be the format name. If no format is specified, the paragraph (`<p>`) format will be toggled. For a list of options, see: Content formatting options - Built-in formats.
RemoveFormat	Removes any formats from the current selection.
Indent	Indents the current selection.
Outdent	Outdents the current selection.
CreateLink	Inserts a link at the current selection. The value is the URL to add to the link(s).
Unlink	Removes any links from the current selection.
InsertHorizontalRule	Inserts a horizontal rule at the cursor location or inplace of the current selection.
InsertParagraph	Inserts a new paragraph or new line at the current cursor or selection.
InsertText	Inserts the passed value as plain text at the current cursor or selection.
InsertHTML	Inserts the passed value as HTML at the current cursor or selection.
InsertImage	Adds an image `<img src="...">` at the current cursor or selection.
SelectAll	Selects all content in the editor.
Delete	Deletes the current selection from the editor.
ForwardDelete	Deletes the current selection or the character to the right of the cursor for a collapsed selection.
Redo	Redoes the last change to the editor.
Undo	Undoes the last change to the editor.

Bold

Toggles bold formatting to selection.

Italic

Toggles italic formatting to selection.

Underline

Toggles underline formatting to selection.

Strikethrough

Toggles strikethrough formatting to selection.

Superscript

Toggles superscript formatting to selection.

Subscript

Toggles subscript formatting to selection.

Cut

Cuts the selected contents and puts in into users clipboard.

Copy

Copies the selected contents and puts in into users clipboard.

Paste

Pastes the current clipboard contents into the editor.

ForeColor

Changes the text color of the text. The value passed in should be the color.

BackColor

Changes the background color of the text. The value passed in should be the color.

JustifyLeft

Left aligns the current text block/image.

JustifyCenter

Center aligns the current text block/image.

JustifyRight

Right aligns the current text block/image.

JustifyFull

Full aligns the current text block/image.

FontName

Font name to apply to the text. The value passed in should be the font family name.

FontSize

Font size of the text. The value passed in should be a valid CSS font size.

FormatBlock

Toggles the format of the current selection. The value passed in should be the format name. If no format is specified, the paragraph (<p>) format will be toggled. For a list of options, see: Content formatting options - Built-in formats.

RemoveFormat

Removes any formats from the current selection.

Indent

Indents the current selection.

Outdent

Outdents the current selection.

CreateLink

Inserts a link at the current selection. The value is the URL to add to the link(s).

Unlink

Removes any links from the current selection.

InsertHorizontalRule

Inserts a horizontal rule at the cursor location or inplace of the current selection.

InsertParagraph

Inserts a new paragraph or new line at the current cursor or selection.

InsertText

Inserts the passed value as plain text at the current cursor or selection.

InsertHTML

Inserts the passed value as HTML at the current cursor or selection.

InsertImage

Adds an image <img src="..."> at the current cursor or selection.

SelectAll

Selects all content in the editor.

Delete

Deletes the current selection from the editor.

ForwardDelete

Deletes the current selection or the character to the right of the cursor for a collapsed selection.

Redo

Redoes the last change to the editor.

Undo

Undoes the last change to the editor.

Examples

tinymce.activeEditor.execCommand('Bold');
tinymce.activeEditor.execCommand('Italic');
tinymce.activeEditor.execCommand('Underline');
tinymce.activeEditor.execCommand('Strikethrough');
tinymce.activeEditor.execCommand('Superscript');
tinymce.activeEditor.execCommand('Subscript');
tinymce.activeEditor.execCommand('Cut');
tinymce.activeEditor.execCommand('Copy');
tinymce.activeEditor.execCommand('Paste');
tinymce.activeEditor.execCommand('JustifyLeft');
tinymce.activeEditor.execCommand('JustifyCenter');
tinymce.activeEditor.execCommand('JustifyRight');
tinymce.activeEditor.execCommand('JustifyFull');
tinymce.activeEditor.execCommand('ForeColor', false, '#FF0000');
tinymce.activeEditor.execCommand('BackColor', false, '#FF0000');
tinymce.activeEditor.execCommand('FontName', false, 'courier new');
tinymce.activeEditor.execCommand('FontSize', false, '30px');
tinymce.activeEditor.execCommand('FormatBlock', false, 'bold');
tinymce.activeEditor.execCommand('RemoveFormat');
tinymce.activeEditor.execCommand('Indent');
tinymce.activeEditor.execCommand('Outdent');
tinymce.activeEditor.execCommand('CreateLink', false, 'https://www.tiny.cloud');
tinymce.activeEditor.execCommand('Unlink');
tinymce.activeEditor.execCommand('InsertHorizontalRule');
tinymce.activeEditor.execCommand('InsertParagraph');
tinymce.activeEditor.execCommand('InsertText', false, 'My text content');
tinymce.activeEditor.execCommand('InsertHTML', false, 'My HTML content');
tinymce.activeEditor.execCommand('InsertImage', false, 'https://www.example.com/image.png');
tinymce.activeEditor.execCommand('SelectAll');
tinymce.activeEditor.execCommand('Delete');
tinymce.activeEditor.execCommand('ForwardDelete');
tinymce.activeEditor.execCommand('Redo');
tinymce.activeEditor.execCommand('Undo');

Miscellaneous Core Commands

The commands in the following table are provided by the TinyMCE editor and provide additional functionality that does not require any plugins to be enabled.

Command Description

Command	Description
HiliteColor	Changes the background color of the text. The value passed in should be the color. NOTE: This is an alias for the `BackColor` command.
InsertLineBreak	Adds a line break `<br>` at the current cursor or selection.
InsertNewBlockAfter	inserts an empty block at the root level of the current TinyMCE document immediately after the block containing the current selection.
InsertNewBlockBefore	inserts an empty block at the root level of the current TinyMCE document immediately before the block containing the current selection.
JustifyNone	Removes any alignment to the selected text.
Lang	Sets the language of the current selection. The value passed in should be a language spec described in Content appearance options - `content_langs`.
LineHeight	Sets the line height of the text. The value passed in should be a valid CSS line height.
mceAddUndoLevel	Adds an undo level.
mceApplyTextcolor	Applies text color or background color to the current selection. Requires an argument of either `'hilitecolor'` or `'forecolor'`, and the value of the color.
mceAutocompleterClose	Closes any active autocompleter menu.
mceAutocompleterReload	Reloads the autocompleter menu with new items. For the data to provide, see the Autocompleter reload API.
mceBlockQuote	Wraps the selected text blocks into a block quote.
mceCleanup	Copies the current editor content and sets the content using the copy.
mceEndUndoLevel	Adds an undo level.
mceFocus	Focuses and activates the editor. Places DOM focus inside the editor and also sets the editor as the active editor instance on the page.
mceInsertClipboardContent	Triggers a paste event at the cursor location or over the current selection. The command requires an object with: `html` containing the HTML content, or `text` containing plain text.
mceInsertContent	Inserts contents at the current selection. The value passed in should be the contents to be inserted.
mceInsertLink	Inserts a link at the current selection. The value is the URL to add to the link(s). NOTE: This is an alias for the `CreateLink` command.
mceInsertNewLine	Adds a new line at the current cursor or selection, such as splitting the current paragraph element. The behavior of this setting can be controlled with the newline_behavior option.
mceNewDocument	Removes all contents of the editor.
mcePrint	Opens the browser’s print dialog for the current page.
mceRemoveNode	Removes the current node or the target node passed as the value (`<DOM_node>`).
mceRemoveTextcolor	Removes the text color or background color from the current selection. Requires an argument of either `'hilitecolor'` or `'forecolor'`.
mceReplaceContent	Replaces the current selection. The value passed in should be the new content.
mceSelectNode	Selects a node in the editor. The target node is passed as the value (`<DOM_node>`).
mceSelectNodeDepth	Selects the parent DOM node 'n' levels above the current node.
mceSetContent	Sets the contents of the editor. The value is the contents to set as the editor contents.
mceToggleFormat	Toggles a specified format by name. The value is the name of the format to toggle. For a list of options, see: Content formatting options - Built-in formats.
mceTogglePlainTextPaste	Toggles paste as plain text.
mceToggleVisualAid	Toggles the visual aids for: tables without borders and anchors.
ToggleSidebar	Closes the current sidebar, or toggles the sidebar if the sidebar name is provided as a value (`<sidebar-name>`).
ToggleToolbarDrawer	Toggles the Toolbar Drawer. For information on toolbars, see: User interface options - Toolbar.

HiliteColor

Changes the background color of the text. The value passed in should be the color. NOTE: This is an alias for the BackColor command.

InsertLineBreak

Adds a line break <br> at the current cursor or selection.

InsertNewBlockAfter

inserts an empty block at the root level of the current TinyMCE document immediately after the block containing the current selection.

InsertNewBlockBefore

inserts an empty block at the root level of the current TinyMCE document immediately before the block containing the current selection.

JustifyNone

Removes any alignment to the selected text.

Lang

Sets the language of the current selection. The value passed in should be a language spec described in Content appearance options - content_langs.

LineHeight

Sets the line height of the text. The value passed in should be a valid CSS line height.

mceAddUndoLevel

Adds an undo level.

mceApplyTextcolor

Applies text color or background color to the current selection. Requires an argument of either 'hilitecolor' or 'forecolor', and the value of the color.

mceAutocompleterClose

Closes any active autocompleter menu.

mceAutocompleterReload

Reloads the autocompleter menu with new items. For the data to provide, see the Autocompleter reload API.

mceBlockQuote

Wraps the selected text blocks into a block quote.

mceCleanup

Copies the current editor content and sets the content using the copy.

mceEndUndoLevel

Adds an undo level.

mceFocus

Focuses and activates the editor. Places DOM focus inside the editor and also sets the editor as the active editor instance on the page.

mceInsertClipboardContent

Triggers a paste event at the cursor location or over the current selection. The command requires an object with: html containing the HTML content, or text containing plain text.

mceInsertContent

Inserts contents at the current selection. The value passed in should be the contents to be inserted.

mceInsertLink

Inserts a link at the current selection. The value is the URL to add to the link(s). NOTE: This is an alias for the CreateLink command.

mceInsertNewLine

Adds a new line at the current cursor or selection, such as splitting the current paragraph element. The behavior of this setting can be controlled with the newline_behavior option.

mceNewDocument

Removes all contents of the editor.

mcePrint

Opens the browser’s print dialog for the current page.

mceRemoveNode

Removes the current node or the target node passed as the value (<DOM_node>).

mceRemoveTextcolor

Removes the text color or background color from the current selection. Requires an argument of either 'hilitecolor' or 'forecolor'.

mceReplaceContent

Replaces the current selection. The value passed in should be the new content.

mceSelectNode

Selects a node in the editor. The target node is passed as the value (<DOM_node>).

mceSelectNodeDepth

Selects the parent DOM node 'n' levels above the current node.

mceSetContent

Sets the contents of the editor. The value is the contents to set as the editor contents.

mceToggleFormat

Toggles a specified format by name. The value is the name of the format to toggle. For a list of options, see: Content formatting options - Built-in formats.

mceTogglePlainTextPaste

Toggles paste as plain text.

mceToggleVisualAid

Toggles the visual aids for: tables without borders and anchors.

ToggleSidebar

Closes the current sidebar, or toggles the sidebar if the sidebar name is provided as a value (<sidebar-name>).

ToggleToolbarDrawer

Toggles the Toolbar Drawer. For information on toolbars, see: User interface options - Toolbar.

Examples

tinymce.activeEditor.execCommand('HiliteColor', false, '#FF0000');
tinymce.activeEditor.execCommand('InsertLineBreak');
tinymce.activeEditor.execCommand('InsertNewBlockAfter')
tinymce.activeEditor.execCommand('InsertNewBlockBefore')
tinymce.activeEditor.execCommand('JustifyNone');
tinymce.activeEditor.execCommand('Lang', false, { code: 'en_US' });  /* OR */
tinymce.activeEditor.execCommand('Lang', false, { code: 'en_US', customCode: 'en-us-medical' });
tinymce.activeEditor.execCommand('LineHeight', false, '1.4');
tinymce.activeEditor.execCommand('mceAddUndoLevel');
tinymce.activeEditor.execCommand('mceApplyTextcolor', 'hilitecolor', '#FF0000');
tinymce.activeEditor.execCommand('mceAutocompleterClose');
tinymce.activeEditor.execCommand('mceAutocompleterReload', false, {
  fetchOptions: {}
});
tinymce.activeEditor.execCommand('mceBlockQuote');
tinymce.activeEditor.execCommand('mceCleanup');
tinymce.activeEditor.execCommand('mceEndUndoLevel');
tinymce.activeEditor.execCommand('mceFocus');
tinymce.activeEditor.execCommand('mceInsertClipboardContent', false, {
  html: '<p>Hello, World!</p>'
});
tinymce.activeEditor.execCommand('mceInsertContent', false, 'My new content');
tinymce.activeEditor.execCommand('mceInsertLink', false, 'https://www.tiny.cloud');
tinymce.activeEditor.execCommand('mceInsertNewLine');
tinymce.activeEditor.execCommand('mceNewDocument');
tinymce.activeEditor.execCommand('mcePrint');
tinymce.activeEditor.execCommand('mceRemoveNode'); /* OR */
tinymce.activeEditor.execCommand('mceRemoveNode', false, '<DOM_node>');
tinymce.activeEditor.execCommand('mceSelectNode', false, '<DOM_node>');
tinymce.activeEditor.execCommand('mceSelectNodeDepth', false, 2); // For two nodes up.
tinymce.activeEditor.execCommand('mceSetContent', false, 'My content');
tinymce.activeEditor.execCommand('mceRemoveTextcolor', 'hilitecolor');
tinymce.activeEditor.execCommand('mceReplaceContent', false, 'My replacement content');
tinymce.activeEditor.execCommand('mceToggleFormat', false, 'bold');
tinymce.activeEditor.execCommand('mceTogglePlainTextPaste');
tinymce.activeEditor.execCommand('mceToggleVisualAid');
tinymce.activeEditor.execCommand('ToggleSidebar');  /* OR */
tinymce.activeEditor.execCommand('ToggleSidebar', false, '<sidebar-name>');
tinymce.activeEditor.execCommand('ToggleToolbarDrawer');

Core Table Commands

The following commands provide functionality for interacting with tables within the editor. These commands do not need the table plugin to work.

Table row and table column cut, copy, and paste commands work with TinyMCE’s internal table clipboard, not the user’s system clipboard.

Command Description

Command	Description
mceTableSizingMode	When `table_sizing_mode` is set to `'auto'`, this command sets the sizing mode of the currently selected table. For information on table sizing modes, see: `table_sizing_mode` option.
mceTableApplyCellStyle	Applies the specified styles to the selected cells. The following styles can be changed with this command: `background-color`, `border-color`, `border-style`, and `border-width`. Providing an empty value for a style will remove the style, such as `{ 'background-color': '' }`.
mceTableSplitCells	Splits the current merged table cell.
mceTableMergeCells	Merges the selected cells.
mceTableInsertRowBefore	Inserts a row before the current row.
mceTableInsertRowAfter	Inserts a row after the current row.
mceTableInsertColBefore	Inserts a column before the current column.
mceTableInsertColAfter	Inserts a column after the current column.
mceTableDeleteCol	Deletes the current column.
mceTableDeleteRow	Deletes the current row.
mceTableCutRow	Cuts the current row to the TinyMCE clipboard.
mceTableCutCol	Cuts the current column to the TinyMCE clipboard.
mceTableCopyRow	Copies the current row to the TinyMCE clipboard.
mceTableCopyCol	Copies the current column to the TinyMCE clipboard.
mceTablePasteRowBefore	Paste the TinyMCE clipboard row before the current row.
mceTablePasteRowAfter	Paste the TinyMCE clipboard row after the current row.
mceTablePasteColBefore	Paste the TinyMCE clipboard column before the current row.
mceTablePasteColAfter	Paste the TinyMCE clipboard column after the current row.
mceTableDelete	Deletes the current table.
mceTableCellToggleClass	Adds a class to all selected cells that do not have it, or removes the class if all of them have it.
mceTableToggleClass	Adds a class to the selected table, or removes the class if it already exists.
mceTableToggleCaption	Adds a caption to the selected table, or removes the caption if it already exists.
mceInsertTable	Inserts a table with the specified number of row and columns.
mceTableRowType	Changes the current row or rows to the specified type, either: `'header'`, `'body'`, or `'footer'`. The structure of header rows is dependent on the `table_header_type` option.
mceTableColType	Changes all cells in the current column or columns to the specified type, either: `'td'` or `'th'`.
mceTableCellType	Changes the current cell or cells to the specified type, either: `'td'` or `'th'`.

mceTableSizingMode

When table_sizing_mode is set to 'auto', this command sets the sizing mode of the currently selected table. For information on table sizing modes, see: table_sizing_mode option.

mceTableApplyCellStyle

Applies the specified styles to the selected cells. The following styles can be changed with this command: background-color, border-color, border-style, and border-width. Providing an empty value for a style will remove the style, such as { 'background-color': '' }.

mceTableSplitCells

Splits the current merged table cell.

mceTableMergeCells

Merges the selected cells.

mceTableInsertRowBefore

Inserts a row before the current row.

mceTableInsertRowAfter

Inserts a row after the current row.

mceTableInsertColBefore

Inserts a column before the current column.

mceTableInsertColAfter

Inserts a column after the current column.

mceTableDeleteCol

Deletes the current column.

mceTableDeleteRow

Deletes the current row.

mceTableCutRow

Cuts the current row to the TinyMCE clipboard.

mceTableCutCol

Cuts the current column to the TinyMCE clipboard.

mceTableCopyRow

Copies the current row to the TinyMCE clipboard.

mceTableCopyCol

Copies the current column to the TinyMCE clipboard.

mceTablePasteRowBefore

Paste the TinyMCE clipboard row before the current row.

mceTablePasteRowAfter

Paste the TinyMCE clipboard row after the current row.

mceTablePasteColBefore

Paste the TinyMCE clipboard column before the current row.

mceTablePasteColAfter

Paste the TinyMCE clipboard column after the current row.

mceTableDelete

Deletes the current table.

mceTableCellToggleClass

Adds a class to all selected cells that do not have it, or removes the class if all of them have it.

mceTableToggleClass

Adds a class to the selected table, or removes the class if it already exists.

mceTableToggleCaption

Adds a caption to the selected table, or removes the caption if it already exists.

mceInsertTable

Inserts a table with the specified number of row and columns.

mceTableRowType

Changes the current row or rows to the specified type, either: 'header', 'body', or 'footer'. The structure of header rows is dependent on the table_header_type option.

mceTableColType

Changes all cells in the current column or columns to the specified type, either: 'td' or 'th'.

mceTableCellType

Changes the current cell or cells to the specified type, either: 'td' or 'th'.

Examples

tinymce.activeEditor.execCommand('mceTableSizingMode', false, 'fixed');
tinymce.activeEditor.execCommand('mceTableSizingMode', false, 'relative');
tinymce.activeEditor.execCommand('mceTableSizingMode', false, 'responsive');
tinymce.activeEditor.execCommand('mceTableApplyCellStyle', false, { 'background-color': 'red', 'border-color': 'blue' });
tinymce.activeEditor.execCommand('mceTableApplyCellStyle', false, { 'background-color': '' }); // removes the current background-color
tinymce.activeEditor.execCommand('mceTableSplitCells');
tinymce.activeEditor.execCommand('mceTableMergeCells');
tinymce.activeEditor.execCommand('mceTableInsertRowBefore');
tinymce.activeEditor.execCommand('mceTableInsertRowAfter');
tinymce.activeEditor.execCommand('mceTableInsertColBefore');
tinymce.activeEditor.execCommand('mceTableInsertColAfter');
tinymce.activeEditor.execCommand('mceTableDeleteCol');
tinymce.activeEditor.execCommand('mceTableDeleteRow');
tinymce.activeEditor.execCommand('mceTableCutRow');
tinymce.activeEditor.execCommand('mceTableCutCol');
tinymce.activeEditor.execCommand('mceTableCopyRow');
tinymce.activeEditor.execCommand('mceTableCopyCol');
tinymce.activeEditor.execCommand('mceTablePasteRowBefore');
tinymce.activeEditor.execCommand('mceTablePasteRowAfter');
tinymce.activeEditor.execCommand('mceTablePasteColBefore');
tinymce.activeEditor.execCommand('mceTablePasteColAfter');
tinymce.activeEditor.execCommand('mceTableDelete');
tinymce.activeEditor.execCommand('mceInsertTable', false, { rows: 2, columns: 2 });
tinymce.activeEditor.execCommand('mceInsertTable', false, { rows: 3, columns: 2, options: { headerRows: 1 } });
tinymce.activeEditor.execCommand('mceInsertTable', false, { rows: 3, columns: 2, options: { headerRows: 1, headerColumns: 1 } });
tinymce.activeEditor.execCommand('mceTableToggleClass', false, 'myclass');
tinymce.activeEditor.execCommand('mceTableCellToggleClass', false, 'mycellclass');
tinymce.activeEditor.execCommand('mceTableToggleCaption');
tinymce.activeEditor.execCommand('mceTableRowType', false, { type: 'header' });
tinymce.activeEditor.execCommand('mceTableColType', false, { type: 'th' });
tinymce.activeEditor.execCommand('mceTableCellType', false, { type: 'th' });

Plugin Commands

Commands are available for the following plugins:

Advanced Code

The following command requires the Advanced Code (advcode) plugin.

Command	Description
mceCodeEditor	Opens the code editor dialog.

Command

Description

mceCodeEditor

Opens the code editor dialog.

Example

tinymce.activeEditor.execCommand('mceCodeEditor');

Advanced Lists

The following commands require the Advanced Lists (advlist) plugin.

Command	Description
ApplyOrderedListStyle	Converts the current selection to an ordered list. Accepts an object specifing the list type.
ApplyUnorderedListStyle	Converts the current selection to an unordered list. Accepts an object specifing the list type.

Command

Description

ApplyOrderedListStyle

Converts the current selection to an ordered list. Accepts an object specifing the list type.

ApplyUnorderedListStyle

Converts the current selection to an unordered list. Accepts an object specifing the list type.

For information on available list types, see: MDN web docs - list-style-type.

Examples

tinymce.activeEditor.execCommand('ApplyOrderedListStyle', false, {
  'list-style-type': 'decimal'
});
tinymce.activeEditor.execCommand('ApplyUnorderedListStyle', false, {
  'list-style-type': 'disc'
});

Advanced Tables

The following commands require the Advanced Tables (advtable) plugin.

Command Description

Command	Description
mceAdvancedTableSort	Opens the Advanced Table Sort Dialog for the current selection or cursor location.
mceSortTableAdvanced	Performs an Advanced Table Sort. For details, see Using `mceSortTableAdvanced`.
mceSortTableByColumnAsc	Sorts the current table ascending by column based on the current cursor position or selection.
mceSortTableByColumnDesc	Sorts the current table descending by column based on the current cursor position or selection.
mceSortTableByRowAsc	Sorts the current table ascending by row based on the current cursor position or selection.
mceSortTableByRowDesc	Sorts the current table descending by row based on the current cursor position or selection.
mceTableToggleSeries	Toggles a series column on the selected table. For details, see Using `mceTableToggleSeries`.

mceAdvancedTableSort

Opens the Advanced Table Sort Dialog for the current selection or cursor location.

mceSortTableAdvanced

Performs an Advanced Table Sort. For details, see Using mceSortTableAdvanced.

mceSortTableByColumnAsc

Sorts the current table ascending by column based on the current cursor position or selection.

mceSortTableByColumnDesc

Sorts the current table descending by column based on the current cursor position or selection.

mceSortTableByRowAsc

Sorts the current table ascending by row based on the current cursor position or selection.

mceSortTableByRowDesc

Sorts the current table descending by row based on the current cursor position or selection.

mceTableToggleSeries

Toggles a series column on the selected table. For details, see Using mceTableToggleSeries.

Examples

tinymce.activeEditor.execCommand('mceAdvancedTableSort');
tinymce.activeEditor.execCommand('mceSortTableAdvanced', false, { sortby: 'row', roworcol: '2', sort: 'table', order: 'ascending' });
tinymce.activeEditor.execCommand('mceSortTableByColumnAsc');
tinymce.activeEditor.execCommand('mceSortTableByColumnDesc');
tinymce.activeEditor.execCommand('mceSortTableByRowAsc');
tinymce.activeEditor.execCommand('mceSortTableByRowDesc');
tinymce.activeEditor.execCommand('mceTableToggleSeries', false, { name: 'numeric' });

Using `mceSortTableAdvanced`

mceSortTableAdvanced accepts an object with the following key-value pairs:

Name Value Requirement Description

Name	Value	Requirement	Description
sortby	`'row'` or `'column'`	Required
roworcol	`number`	Required	A zero-indexed integer in a string representing the row from the top of the table or column from the left of the table.
sort	`'row'`, `'column'`, `'selection'`, or `'table'`	Required
order	`'ascending'` or `'descending'`	Required

sortby

'row' or 'column'

Required

roworcol

number

Required

A zero-indexed integer in a string representing the row from the top of the table or column from the left of the table.

sort

'row', 'column', 'selection', or 'table'

Required

order

'ascending' or 'descending'

Required

Using `mceTableToggleSeries`

mceTableToggleSeries accepts an object with the following key-value pairs:

Name Value Requirement Description

Name	Value	Requirement	Description
name	`string`	Required	Specifies the series to toggle. Series and their associated names are configured using the `advtable_value_series` option.

name

string

Required

Specifies the series to toggle. Series and their associated names are configured using the advtable_value_series option.

If the table already has a series column that uses the series specified in name, the series column will be removed from the table. Otherwise, a new series column will be created, replacing any other series column that may already be in the table.

Anchor

The following command requires the Anchor (anchor) plugin.

Command	Description
mceAnchor	Opens the insert/edit anchor dialog.

Command

Description

mceAnchor

Opens the insert/edit anchor dialog.

Example

tinymce.activeEditor.execCommand('mceAnchor');

Autoresize

The following command requires the Autoresize (autoresize) plugin.

Command	Description
mceAutoResize	Auto resizes the editor to the contents.

Command

Description

mceAutoResize

Auto resizes the editor to the contents.

Example

tinymce.activeEditor.execCommand('mceAutoResize');

Case Change

The following commands require the Case Change (casechange) plugin.

Command	Description
mceLowerCase	Converts selected text to lower-case.
mceTitleCase	Converts selected text to title-case.
mceUpperCase	Converts selected text to upper-case.

Command

Description

mceLowerCase

Converts selected text to lower-case.

mceTitleCase

Converts selected text to title-case.

mceUpperCase

Converts selected text to upper-case.

Examples

tinymce.activeEditor.execCommand('mceLowerCase');
tinymce.activeEditor.execCommand('mceTitleCase');
tinymce.activeEditor.execCommand('mceUpperCase');

Character Map

The following command requires the Character Map (charmap) plugin.

Command	Description
mceShowCharmap	Opens the character map dialog.

Command

Description

mceShowCharmap

Opens the character map dialog.

Example

tinymce.activeEditor.execCommand('mceShowCharmap');

Code

The following command requires the Code (code) plugin.

Command	Description
mceCodeEditor	Opens the code editor dialog.

Command

Description

mceCodeEditor

Opens the code editor dialog.

Example

tinymce.activeEditor.execCommand('mceCodeEditor');

Code Sample

The following command requires the Code Sample (codesample) plugin.

Command Description

Command	Description
CodeSample	Opens the Code Sample dialog at the cursor position or converts the current selection to a `<code>` block.

CodeSample

Opens the Code Sample dialog at the cursor position or converts the current selection to a <code> block.

Example

tinymce.activeEditor.execCommand('CodeSample');

Comments

The following commands require the Comments (tinycomments) plugin.

Command	Description
tc-delete-conversation-at-cursor	Attempts to delete the comment at the current cursor position. A confirmation dialog will be shown prior to deletion.
tc-try-delete-all-conversations	Attempts to delete all comments in the editor. A confirmation dialog will be shown prior to deletion.

Command

Description

tc-delete-conversation-at-cursor

Attempts to delete the comment at the current cursor position. A confirmation dialog will be shown prior to deletion.

tc-try-delete-all-conversations

Attempts to delete all comments in the editor. A confirmation dialog will be shown prior to deletion.

Examples

tinymce.activeEditor.execCommand('tc-delete-conversation-at-cursor');
tinymce.activeEditor.execCommand('tc-try-delete-all-conversations');

Directionality

The following commands require the Directionality (directionality) plugin.

Command	Description
mceDirectionLTR	Changes the directionality to LTR.
mceDirectionRTL	Changes the directionality to RTL.

Command

Description

mceDirectionLTR

Changes the directionality to LTR.

mceDirectionRTL

Changes the directionality to RTL.

Examples

tinymce.activeEditor.execCommand('mceDirectionLTR');
tinymce.activeEditor.execCommand('mceDirectionRTL');

Enhanced Image Editing

The following commands require the Enhanced Image Editing (editimage) plugin.

Command	Description
mceEditImage	Opens the Edit Image editing dialog.
mceImageRotateRight	Rotates the selected image 90 degrees clockwise.
mceImageRotateLeft	Rotates the selected image 90 degrees counterclockwise.
mceImageFlipVertical	Flips the selected image vertically.
mceImageFlipHorizontal	Flips the selected image horizontally.

Command

Description

mceEditImage

Opens the Edit Image editing dialog.

mceImageRotateRight

Rotates the selected image 90 degrees clockwise.

mceImageRotateLeft

Rotates the selected image 90 degrees counterclockwise.

mceImageFlipVertical

Flips the selected image vertically.

mceImageFlipHorizontal

Flips the selected image horizontally.

Examples

tinymce.activeEditor.execCommand('mceEditImage');
tinymce.activeEditor.execCommand('mceImageRotateRight');
tinymce.activeEditor.execCommand('mceImageRotateLeft');
tinymce.activeEditor.execCommand('mceImageFlipVertical');
tinymce.activeEditor.execCommand('mceImageFlipHorizontal');

Emoticons

The following commands require the Emoticons (emoticons) plugin.

Command	Description
mceEmoticons	Opens the Emojis dialog.

Command

Description

mceEmoticons

Opens the Emojis dialog.

Example

tinymce.activeEditor.execCommand('mceEmoticons');

Export

The following commands require the Export (export) plugin.

Command	Description
mceExportDownload	Converts the editor content using the specified exporter format and downloads the converted content.

Command

Description

mceExportDownload

Converts the editor content using the specified exporter format and downloads the converted content.

There are no settings available when using the 'clientpdf' format.

Examples

tinymce.activeEditor.execCommand('mceExportDownload', false, {
  format: 'clientpdf',
  settings: {}
});

Footnotes

The following commands require the Footnotes (footnotes) plugin.

Command	Description
mceInsertFootnote	Inserts a superscripted footnote number into the editor at the selection, and creates a new entry in the footnotes section linked to that footnote.
mceUpdateFootnotes	Manually updates the state of all footnotes in a TinyMCE document.

Command

Description

mceInsertFootnote

Inserts a superscripted footnote number into the editor at the selection, and creates a new entry in the footnotes section linked to that footnote.

mceUpdateFootnotes

Manually updates the state of all footnotes in a TinyMCE document.

Example

tinymce.activeEditor.execCommand('mceInsertFootnote');
tinymce.activeEditor.execCommand('mceUpdateFootnotes');

Format Painter

The following commands require the Format Painter (formatpainter) plugin.

Command Description

Command	Description
mceRetrieveFormats	Retrieves the formats from the current selection.
mcePaintFormats	Applies the formats retrieved using `mceRetrieveFormats` to the current selection.
mceToggleFormatPainter	Toggles the Format Painter.

mceRetrieveFormats

Retrieves the formats from the current selection.

mcePaintFormats

Applies the formats retrieved using mceRetrieveFormats to the current selection.

mceToggleFormatPainter

Toggles the Format Painter.

Examples

tinymce.activeEditor.execCommand('mceRetrieveFormats');
tinymce.activeEditor.execCommand('mcePaintFormats');
tinymce.activeEditor.execCommand('mceToggleFormatPainter');

Full Screen

The following command requires the Full Screen (fullscreen) plugin.

Command	Description
mceFullScreen	Toggles full screen mode.

Command

Description

mceFullScreen

Toggles full screen mode.

Example

tinymce.activeEditor.execCommand('mceFullScreen');

Help

The following command requires the Help (help) plugin.

Command	Description
mceHelp	Opens the editor Help dialog.

Command

Description

mceHelp

Opens the editor Help dialog.

Example

tinymce.activeEditor.execCommand('mceHelp');

Image

The following command requires the Image (image) plugin.

Command	Description
mceImage	Opens the insert/edit image dialog.

Command

Description

mceImage

Opens the insert/edit image dialog.

Example

tinymce.activeEditor.execCommand('mceImage');

Insert Date/Time

The following commands require the Insert Date/Time (insertdatetime) plugin.

Command	Description
mceInsertDate	Inserts the current date as a human readable string.
mceInsertTime	Inserts the current time as a human readable string.

Command

Description

mceInsertDate

Inserts the current date as a human readable string.

mceInsertTime

Inserts the current time as a human readable string.

Examples

tinymce.activeEditor.execCommand('mceInsertDate');
tinymce.activeEditor.execCommand('mceInsertTime');

Link

The following command requires the Link (link) plugin.

Command	Description
mceLink	Opens the Link or Quicklink Dialog at the current cursor position or for the current selection.

Command

Description

mceLink

Opens the Link or Quicklink Dialog at the current cursor position or for the current selection.

Example

tinymce.activeEditor.execCommand('mceLink');

Lists

The following commands require the Lists (lists) plugin.

Command	Description
InsertDefinitionList	Inserts a definition list into the editor.
InsertOrderedList	Inserts an ordered list into the editor.
InsertUnorderedList	Inserts an unordered list into the editor.
mceListUpdate	Updates list attributes or styles.
mceListProps	Opens the list properties dialog.
RemoveList	Removes the list elements from the selection.

Command

Description

InsertDefinitionList

Inserts a definition list into the editor.

InsertOrderedList

Inserts an ordered list into the editor.

InsertUnorderedList

Inserts an unordered list into the editor.

mceListUpdate

Updates list attributes or styles.

mceListProps

Opens the list properties dialog.

RemoveList

Removes the list elements from the selection.

Examples

tinymce.activeEditor.execCommand('InsertDefinitionList', false, {
  'list-item-attributes': {class: 'mylistitemclass'},
  'list-attributes': {id: 'mylist'}
});
tinymce.activeEditor.execCommand('InsertOrderedList', false, {
  'list-style-type': 'decimal',
  'list-item-attributes': {class: 'mylistitemclass'},
  'list-attributes': {id: 'mylist'}
});
tinymce.activeEditor.execCommand('InsertUnorderedList', false, {
  'list-style-type': 'disc',
  'list-item-attributes': {class: 'mylistitemclass'},
  'list-attributes': {id: 'mylist'}
});
tinymce.activeEditor.execCommand('mceListUpdate', false, {
  styles: { 'background-color': 'powderblue' }
});
tinymce.activeEditor.execCommand('mceListUpdate', false, {
  attrs: { contenteditable: 'false' }
});
tinymce.activeEditor.execCommand('mceListProps');
tinymce.activeEditor.execCommand('RemoveList');

Media

The following command requires the Media (media) plugin.

Command	Description
mceMedia	Opens the insert/edit media dialog.

Command

Description

mceMedia

Opens the insert/edit media dialog.

Example

tinymce.activeEditor.execCommand('mceMedia');

Nonbreaking Space

The following command requires the Nonbreaking Space (nonbreaking) plugin.

Command	Description
mceNonBreaking	Inserts a non breaking space at the cursor location or overwrites the current selection.

Command

Description

mceNonBreaking

Inserts a non breaking space at the cursor location or overwrites the current selection.

Example

tinymce.activeEditor.execCommand('mceNonBreaking');

Page Break

The following command requires the Page Break (pagebreak) plugin.

Command Description

Command	Description
mcePageBreak	Inserts a virtual page break (`<!-- pagebreak -->`) at the cursor location or overwrites the current selection.

mcePageBreak

Inserts a virtual page break () at the cursor location or overwrites the current selection.

Example

tinymce.activeEditor.execCommand('mcePageBreak');

Permanent Pen

The following commands require the Permanent Pen (permanentpen) plugin.

Command	Description
mceConfigurePermanentPen	Opens the Permanent Pen dialog.
mceTogglePermanentPen	Toggles Permanent Pen.

Command

Description

mceConfigurePermanentPen

Opens the Permanent Pen dialog.

mceTogglePermanentPen

Toggles Permanent Pen.

Examples

tinymce.activeEditor.execCommand('mceConfigurePermanentPen');
tinymce.activeEditor.execCommand('mceTogglePermanentPen');

PowerPaste

The following command requires the PowerPaste (powerpaste) plugin.

Command Description

Command	Description
mceInsertClipboardContent	Triggers a paste event at the cursor location or over the current selection. HTML content will be automatically detected as Word, Google Docs, or standard HTML content and use the relevant paste path. The command requires an object with: `html` containing the HTML content, or `text` containing plain text.
mceTogglePlainTextPaste	Toggles paste as plain text.

mceInsertClipboardContent

Triggers a paste event at the cursor location or over the current selection. HTML content will be automatically detected as Word, Google Docs, or standard HTML content and use the relevant paste path. The command requires an object with: html containing the HTML content, or text containing plain text.

mceTogglePlainTextPaste

Toggles paste as plain text.

Example

tinymce.activeEditor.execCommand('mceInsertClipboardContent', false, {
  html: '<p>Hello, World!</p>'
});
tinymce.activeEditor.execCommand('mceTogglePlainTextPaste');

Preview

The following command requires the Preview (preview) plugin.

Command	Description
mcePreview	Displays a preview of the editor contents.

Command

Description

mcePreview

Displays a preview of the editor contents.

Example

tinymce.activeEditor.execCommand('mcePreview');

Save

The following commands require the Save (save) plugin.

Command Description

Command	Description
mceCancel	Resets the editor content to the last save point created with `mceSave`, the save toolbar button, or the Save menu item. This command will reset the editor content to the initial state if no save points exist.
mceSave	Saves the current editor contents.

mceCancel

Resets the editor content to the last save point created with mceSave, the save toolbar button, or the Save menu item. This command will reset the editor content to the initial state if no save points exist.

mceSave

Saves the current editor contents.

Examples

tinymce.activeEditor.execCommand('mceCancel');
tinymce.activeEditor.execCommand('mceSave');

Search and Replace

The following command requires the Search and Replace (searchreplace) plugin.

Command	Description
SearchReplace	Opens the search and replace dialog.

Command

Description

SearchReplace

Opens the search and replace dialog.

Example

tinymce.activeEditor.execCommand('SearchReplace');

Spell Checker Pro

The following commands require the Spell Checker Pro (tinymcespellchecker) plugin.

Command	Description
mceSpellcheckEnable	Turns spellchecking on.
mceSpellcheckDisable	Turns spellchecking off.
mceSpellcheckDialog	Opens the spellchecking dialog.
mceSpellcheckDialogClose	Closes the spellchecking dialog.
NOTE: This feature is only available for TinyMCE 6.5 and later.
mceSpellcheckUpdate	Checks the editor content for new misspellings, highlights them, and offers spelling suggestions.

Command

Description

mceSpellcheckEnable

Turns spellchecking on.

mceSpellcheckDisable

Turns spellchecking off.

mceSpellcheckDialog

Opens the spellchecking dialog.

mceSpellcheckDialogClose

Closes the spellchecking dialog.

NOTE: This feature is only available for TinyMCE 6.5 and later.

mceSpellcheckUpdate

Checks the editor content for new misspellings, highlights them, and offers spelling suggestions.

Example

tinymce.activeEditor.execCommand('mceSpellcheckEnable');
tinymce.activeEditor.execCommand('mceSpellcheckDisable');
tinymce.activeEditor.execCommand('mceSpellcheckDialog');
tinymce.activeEditor.execCommand('mceSpellcheckDialogClose');
tinymce.activeEditor.execCommand('mceSpellcheckUpdate');

Table

For additional commands that are provided by the core table functionality, see Core Table Commands.

The following commands require the Table (table) plugin.

Command	Description
mceInsertTableDialog	Opens the insert/edit table dialog.
mceTableProps	Opens the Table Properties dialog.
mceTableRowProps	Opens the table row properties dialog.
mceTableCellProps	Opens the table cell properties dialog.

Command

Description

mceInsertTableDialog

Opens the insert/edit table dialog.

mceTableProps

Opens the Table Properties dialog.

mceTableRowProps

Opens the table row properties dialog.

mceTableCellProps

Opens the table cell properties dialog.

Examples

tinymce.activeEditor.execCommand('mceInsertTableDialog');
tinymce.activeEditor.execCommand('mceTableProps');
tinymce.activeEditor.execCommand('mceTableRowProps');
tinymce.activeEditor.execCommand('mceTableCellProps');

The following commands require the Table of Contents (tableofcontents) plugin.

Command	Description
mceInsertToc	Inserts a Table of Contents into the editor.
mceUpdateToc	Updates an existing Table of Contents.

Command

Description

mceInsertToc

Inserts a Table of Contents into the editor.

mceUpdateToc

Updates an existing Table of Contents.

Examples

tinymce.activeEditor.execCommand('mceInsertToc');
tinymce.activeEditor.execCommand('mceUpdateToc');

Template

The following command requires the Template (template) plugin.

Command	Description
mceInsertTemplate	Inserts a template the value should be the template HTML to process and insert.
mceTemplate	Opens the Template dialog.

Command

Description

mceInsertTemplate

Inserts a template the value should be the template HTML to process and insert.

mceTemplate

Opens the Template dialog.

Example

tinymce.activeEditor.execCommand('mceInsertTemplate', false, '<p>This is my template text.</p>');
tinymce.activeEditor.execCommand('mceTemplate');

Visual Blocks

The following command requires the Visual Blocks (visualblocks) plugin.

Command	Description
mceVisualBlocks	Toggles visual blocks on/off.

Command

Description

mceVisualBlocks

Toggles visual blocks on/off.

Example

tinymce.activeEditor.execCommand('mceVisualBlocks');

Visual Characters

The following command requires the Visual Characters (visualchars) plugin.

Command	Description
mceVisualChars	Toggles visual characters on/off.

Command

Description

mceVisualChars

Toggles visual characters on/off.

Example

tinymce.activeEditor.execCommand('mceVisualChars');

Word Count

The following command requires the Word Count (wordcount) plugin.

Command	Description
mceWordCount	Opens the Word Count summary dialog.

Command

Description

mceWordCount

Opens the Word Count summary dialog.

Example

tinymce.activeEditor.execCommand('mceWordCount');

Editor Management Commands

The following commands are used to manage editor instances.

For example:

tinymce.execCommand('mceAddEditor', false, { id: '<editor_id>', options: {} });
tinymce.execCommand('mceRemoveEditor', false, '<editor_id>');
tinymce.execCommand('mceToggleEditor', false, { id: '<editor_id>' });
tinymce.execCommand('mceToggleEditor', false, { index: '<editor_index>' });

Command Description

Command	Description
mceAddEditor	Converts an HTML or DOM element with the specified ID into an editor instance that uses the specified editor configuration options. For information on configuring the editor, see: Basic Setup.
mceRemoveEditor	Removes an editor instance with the specified ID.
mceToggleEditor	Runs `mceAddEditor` if an editor is not detected for the specified ID, otherwise it runs either hide if the editor is visible or show if it is not visible.

mceAddEditor

Converts an HTML or DOM element with the specified ID into an editor instance that uses the specified editor configuration options. For information on configuring the editor, see: Basic Setup.

mceRemoveEditor

Removes an editor instance with the specified ID.

mceToggleEditor

Runs mceAddEditor if an editor is not detected for the specified ID, otherwise it runs either hide if the editor is visible or show if it is not visible.

Query command states

TinyMCE provides the queryCommandState API to allow developers to determine the current state of selected content. The query will return true if the content is formatted using the same CSS styles and elements used by the corresponding command.

Listing core and plugin query command states

To retrieve a list of avaliable queryable states from the active editor, run the following command from the browser console:

tinymce.activeEditor.editorCommands.commands.state;

Available query command states

The following command states can be queried using the queryCommandState API.

Command Description

Command	Description
Bold	Returns `true` if the content is formatted using the same markup as the TinyMCE `Bold` command.
InsertDefinitionList	Returns `true` if the content is formatted using the same markup as the TinyMCE `InsertDefinitionList` command.
InsertOrderedList	Returns `true` if the content is formatted using the same markup as the TinyMCE `InsertOrderedList` command.
InsertUnorderedList	Returns `true` if the content is formatted using the same markup as the TinyMCE `InsertUnorderedList` command.
Italic	Returns `true` if the content is formatted using the same markup as the TinyMCE `Italic` command.
JustifyCenter	Returns `true` if the content is formatted using the same markup as the TinyMCE `JustifyCenter` command.
JustifyFull	Returns `true` if the content is formatted using the same markup as the TinyMCE `JustifyFull` command.
JustifyLeft	Returns `true` if the content is formatted using the same markup as the TinyMCE `JustifyLeft` command.
JustifyRight	Returns `true` if the content is formatted using the same markup as the TinyMCE `JustifyRight` command.
mceBlockQuote	Returns `true` if the content is formatted using the same markup as the TinyMCE `mceBlockQuote` command.
Outdent	Returns `true` if the content is formatted using the same markup as the TinyMCE `Outdent` command.
Strikethrough	Returns `true` if the content is formatted using the same markup as the TinyMCE `Strikethrough` command.
Subscript	Returns `true` if the content is formatted using the same markup as the TinyMCE `Subscript` command.
Superscript	Returns `true` if the content is formatted using the same markup as the TinyMCE `Superscript` command.
ToggleToolbarDrawer	Returns `true` if the Toolbar Drawer is open. The state can be controlled by the TinyMCE `ToggleToolbarDrawer` command.
Underline	Returns `true` if the content is formatted using the same markup as the TinyMCE `Underline` command.

Bold

Returns true if the content is formatted using the same markup as the TinyMCE Bold command.

InsertDefinitionList

Returns true if the content is formatted using the same markup as the TinyMCE InsertDefinitionList command.

InsertOrderedList

Returns true if the content is formatted using the same markup as the TinyMCE InsertOrderedList command.

InsertUnorderedList

Returns true if the content is formatted using the same markup as the TinyMCE InsertUnorderedList command.

Italic

Returns true if the content is formatted using the same markup as the TinyMCE Italic command.

JustifyCenter

Returns true if the content is formatted using the same markup as the TinyMCE JustifyCenter command.

JustifyFull

Returns true if the content is formatted using the same markup as the TinyMCE JustifyFull command.

JustifyLeft

Returns true if the content is formatted using the same markup as the TinyMCE JustifyLeft command.

JustifyRight

Returns true if the content is formatted using the same markup as the TinyMCE JustifyRight command.

mceBlockQuote

Returns true if the content is formatted using the same markup as the TinyMCE mceBlockQuote command.

Outdent

Returns true if the content is formatted using the same markup as the TinyMCE Outdent command.

Strikethrough

Returns true if the content is formatted using the same markup as the TinyMCE Strikethrough command.

Subscript

Returns true if the content is formatted using the same markup as the TinyMCE Subscript command.

Superscript

Returns true if the content is formatted using the same markup as the TinyMCE Superscript command.

ToggleToolbarDrawer

Returns true if the Toolbar Drawer is open. The state can be controlled by the TinyMCE ToggleToolbarDrawer command.

Underline

Returns true if the content is formatted using the same markup as the TinyMCE Underline command.

Examples

tinymce.activeEditor.queryCommandState('Bold');
tinymce.activeEditor.queryCommandState('InsertDefinitionList');
tinymce.activeEditor.queryCommandState('InsertOrderedList');
tinymce.activeEditor.queryCommandState('InsertUnorderedList');
tinymce.activeEditor.queryCommandState('Italic');
tinymce.activeEditor.queryCommandState('JustifyCenter');
tinymce.activeEditor.queryCommandState('JustifyFull');
tinymce.activeEditor.queryCommandState('JustifyLeft');
tinymce.activeEditor.queryCommandState('JustifyRight');
tinymce.activeEditor.queryCommandState('mceBlockQuote');
tinymce.activeEditor.queryCommandState('Outdent');
tinymce.activeEditor.queryCommandState('Strikethrough');
tinymce.activeEditor.queryCommandState('Subscript');
tinymce.activeEditor.queryCommandState('Superscript');
tinymce.activeEditor.queryCommandState('ToggleToolbarDrawer');
tinymce.activeEditor.queryCommandState('Underline');

Query command values

TinyMCE provides the queryCommandValue API to allow developers to determine the current state of selected content. The query will return an object containing the relevant value.

Listing core and plugin query command values

To retrieve a list of available queryable command values from the active editor, run the following command from the browser console:

tinymce.activeEditor.editorCommands.commands.value;

Available query command values

The following command values can be queried using the queryCommandValue API.

Command	Description
FontName	Returns the font name of the current selection.
FontSize	Returns the font size of the current selection.
LineHeight	Returns the line height of the current selection.
ToggleSidebar	Returns the current state of sidebar (open or closed).

Command

Description

FontName

Returns the font name of the current selection.

FontSize

Returns the font size of the current selection.

LineHeight

Returns the line height of the current selection.

ToggleSidebar

Returns the current state of sidebar (open or closed).

Examples

tinymce.activeEditor.queryCommandValue('FontName');
tinymce.activeEditor.queryCommandValue('FontSize');
tinymce.activeEditor.queryCommandValue('LineHeight');
tinymce.activeEditor.queryCommandValue('ToggleSidebar');

Query command values for tables

The following table-related values can be queried using the queryCommandValue API.

Value Description

Value	Description
mceTableRowType	Returns the row type of the current table row, either: `"header"`, `"body"`, or `"footer"`.
mceTableColType	Returns the column type of the current table column, either: `"td"` or `"th"`.
mceTableCellType	Returns the cell type of the current table cell, either: `"td"` or `"th"`.

mceTableRowType

Returns the row type of the current table row, either: "header", "body", or "footer".

mceTableColType

Returns the column type of the current table column, either: "td" or "th".

mceTableCellType

Returns the cell type of the current table cell, either: "td" or "th".

Examples

tinymce.activeEditor.queryCommandValue('mceTableCellType');
tinymce.activeEditor.queryCommandValue('mceTableRowType');
tinymce.activeEditor.queryCommandValue('mceTableColType');

Commands Available for TinyMCE

Overview

Executable commands

Listing core and plugin editor commands

Core Editor commands

Supported browser-native commands

Miscellaneous Core Commands

Core Table Commands

Plugin Commands

Advanced Code

Advanced Lists

Advanced Tables

Using mceSortTableAdvanced

Using mceTableToggleSeries

Anchor

Autoresize

Case Change

Character Map

Code

Code Sample

Comments

Directionality

Enhanced Image Editing

Emoticons

Export

Footnotes

Format Painter

Full Screen

Help

Image

Insert Date/Time

Link

Lists

Media

Nonbreaking Space

Page Break

Permanent Pen

PowerPaste

Preview

Save

Search and Replace

Spell Checker Pro

Table

Table of Contents

Template

Visual Blocks

Visual Characters

Word Count

Editor Management Commands

Query command states

Listing core and plugin query command states

Available query command states

Query command values

Listing core and plugin query command values

Available query command values

Query command values for tables

Using `mceSortTableAdvanced`

Using `mceTableToggleSeries`