Reference
Toolbar & Menu Items Reference
Every toolbar, subtoolbar, and control-selection item the editor recognizes — the vocabulary for building custom
config.toolbar strings. Use these identifiers verbatim.
Syntax
Built-in presets
Formatting
Paragraph & alignment
Lists & structure
Insert
Media
Tables
AI Toolkit
Collaboration & review
Utility
Subtoolbars
Control-selection toolbars
Toolbar string syntax
Compose a toolbar by combining item IDs with the following grammar:
a,b,c— adjacent items{a,b,c}— grouped (visual separator before / after)a|b|c— separator between itemsa/b/c— wrap to a new row#{a,b}— align to the righta:toggle— split button that toggles on clicka:dropdown— forced dropdown style[a,b]— section inside a ribbon group
Example:
config.toolbar = "mycustom"; config.toolbar_mycustom = "{bold,italic,underline}|{forecolor,backcolor}|{insertlink,insertimage}|undo,redo";
Built-in presets 6
Pass config.toolbar = "<name>" to use a preset instead of a custom string.
| Preset | Description |
|---|---|
| default | Most commonly used buttons; sensible default for most apps. |
| basic | Minimal set: bold/italic/underline, font, link, image, video, removeformat, code. |
| full | Every desktop item, including merge-fields, footnotes, TOC, page break, revision history. |
| mobile | Compact single-row layout for phones; auto-swapped in at maxWidthForMobile. |
| office | Ribbon layout mimicking Microsoft Word with Common / Format / Paragraphs / Insert tabs. |
| richtextboxjs | Alias for full; kept for backward compatibility. |
Formatting 21
| ID | Description |
|---|---|
| bold | Toggle bold on the selection (Ctrl+B). |
| italic | Toggle italic (Ctrl+I). |
| underline | Toggle underline (Ctrl+U). |
| underlinemenu | Underline split button with styles dropdown. |
| strike | Strikethrough. |
| superscript | Raise text as superscript. |
| subscript | Lower text as subscript. |
| forecolor | Text color picker. |
| backcolor | Background / highlight color picker. |
| fontname | Font family dropdown. |
| fontsize | Font size dropdown. |
| paragraphs | Paragraph format dropdown (Normal, Heading 1-6, etc.). |
| paragraphstyle | Paragraph CSS-class styles dropdown. |
| styles | Combined inline + block styles dropdown. |
| inlinestyle | Inline CSS-class styles dropdown. |
| linkstyle | Link CSS-class styles dropdown. |
| imagestyle | Image CSS-class styles dropdown. |
| lineheight | Line-height picker. |
| changecase | Change case (UPPER / lower / Title). |
| ucase | Convert selection to UPPERCASE. |
| lcase | Convert selection to lowercase. |
| removeformat | Strip all inline formatting from the selection. |
| cleancode | Clean messy Word / paste HTML. |
| formatpainter | Copy formatting from one passage and apply to another. |
Paragraph & alignment 9
| ID | Description |
|---|---|
| justifyleft | Align selection left. |
| justifycenter | Center alignment. |
| justifyright | Align right. |
| justifyfull | Justify (both sides). |
| justifymenu | Alignment dropdown (combines all four). |
| ltr | Left-to-right paragraph direction. |
| rtl | Right-to-left paragraph direction. |
| insertlinemenu | Insert line-break style menu. |
| menu_paragraphop | Combined paragraph operations menu. |
| toggle_paragraphop | Toggle the paragraph-operations subtoolbar. |
Lists & structure 9
| ID | Description |
|---|---|
| insertorderedlist | Ordered (numbered) list. |
| insertunorderedlist | Unordered (bulleted) list. |
| insertchecklist | Todo-style checklist. |
| indent | Increase paragraph indent. |
| outdent | Decrease paragraph indent. |
| insertblockquote | Wrap selection in a blockquote. |
| inserthorizontalrule | Horizontal divider line. |
| insertpagebreak | Page break for print / PDF. |
| inserttoc | Auto-generated table of contents from headings. |
Insert 14
| ID | Description |
|---|---|
| insertlink | Insert hyperlink (Ctrl+K). |
| unlink | Remove hyperlink from selection. |
| insertanchor | Insert a named anchor (for in-page links). |
| insertemoji | Emoji picker. |
| insertchars | Special character picker. |
| insertcode | Code snippet inserter. |
| syntaxhighlighter | Insert syntax-highlighted code block. |
| inserttemplate | Insert from a list of HTML templates. |
| insertdocument | Insert external document content. |
| insertmergefield | Insert a mail-merge field placeholder. |
| insertfootnote | Insert a numbered footnote at the cursor. |
| insertdate | Insert today’s date. |
| insertcomment | Legacy inline comment (separate from v2 threaded comments plugin). |
| insertimagemap | Insert an image map (clickable regions). |
Media 8
| ID | Description |
|---|---|
| insertimage | Open the image dialog (upload, URL, gallery). |
| insertgallery | Insert from the server-side image gallery. |
| imageeditor | Open the selected image in the built-in editor (crop, rotate, filter). |
| imagecaption | Add / edit an image caption. |
| insertvideo | Embed a video (YouTube, Vimeo, URL). |
| insertyoutube | Embed a YouTube video directly. |
| googlemap | Embed a Google Map. |
| html5 | Insert an HTML5 audio / video element. |
Tables 15
| ID | Description |
|---|---|
| inserttable | Open the insert-table dialog. |
| ribbontable | Table ribbon button (for the Office preset). |
| tableheader | Toggle a row as header. |
| menu_tablecell | Cell operations menu (merge / split / color). |
| menu_tablerow | Row operations menu. |
| menu_tablecolumn | Column operations menu. |
| menu_table | Whole-table operations menu. |
| tablerowinsertabove | Insert row above current. |
| tablerowinsertbelow | Insert row below current. |
| tablerowdelete | Delete current row. |
| tablecolumninsertleft | Insert column left of current. |
| tablecolumninsertright | Insert column right of current. |
| tablecolumndelete | Delete current column. |
| tablecellmerge | Merge selected cells. |
| tablecellsplitver | Split cell vertically. |
| tablecellsplithor | Split cell horizontally. |
| tablecellforecolor | Set cell text color. |
| tablecellbackcolor | Set cell background color. |
| tabledelete | Delete the entire table. |
AI Toolkit 6
| ID | Description |
|---|---|
| aiassist | Main AI split button — opens Ask AI dialog with quick actions (Proofread / Rewrite / etc.). |
| aiassist_open_dialog | Direct-open Ask AI dialog (no dropdown). |
| aiassist_chat | Toggle the docked AI Chat panel. |
| aiassist_review | Toggle the AI Review drawer (reviewable suggestions). |
| aiassist_proofread | Direct proofread action (no dialog). |
| aiassist_rewrite | Direct rewrite action. |
| aiassist_translate | Direct translate action. |
| aiassist_comment | Ask AI to leave a comment on the selection. |
| aiassist_paragraph | Ask AI to write a follow-up paragraph. |
| aiassist_justify | Justify / explain an edit via AI. |
Collaboration & review 7
Most of these activate via typing (/, @) rather than toolbar buttons, but the IDs below are available for explicit placement.
| ID | Description |
|---|---|
| slashcommand | Trigger the slash-command inline picker. Also activates automatically on /. |
| mentions | Trigger the @mentions picker. Normally bound to @. |
| trackchanges | Toggle Track Changes (human suggesting mode) on / off. |
| comments | Add a threaded comment on the selection. |
| revisionhistory | Open the revision history browser (snapshots + diff). |
| dictation | Toggle speech-to-text dictation. Requires microphone permission. |
| html2pdf | Export the document as PDF via the client-side html2pdf plugin. |
Utility 24
| ID | Description |
|---|---|
| cut | Cut selection to clipboard. |
| copy | Copy selection. |
| paste | Paste clipboard content. |
| pasteauto | Paste with automatic cleaning. |
| pastetext | Paste as plain text. |
| pasteword | Paste from Word with format cleanup. |
| ribbonpaste | Paste split button for Office ribbon preset. |
| delete | Delete selection. |
| undo | Undo last action (Ctrl+Z). |
| redo | Redo. |
| find | Find & replace dialog. |
| selectall | Select everything in the editor. |
| spellcheck | Toggle spell-check. |
| preview | Open a read-only preview of the current content. |
| code | Toggle the HTML source view. |
| newdoc | Clear the editor for a new document. |
| load | Load content from a file. |
| save | Trigger the host form's save action. |
| Open the browser print dialog. | |
| help | Open the help dialog. |
| fullscreenenter | Expand the editor to full-screen. |
| fullscreenexit | Exit full-screen. |
| fullscreen | Toggle full-screen (combined). |
| toggleborder | Toggle visible borders on table cells / elements. |
| togglemore | Toggle the overflow “More” subtoolbar. |
| virtualkeyboard | Open an on-screen keyboard. |
| insertform | Insert a form element. |
| insertbox | Insert a content box. |
| insertlayer | Insert a positioned layer. |
| insertfieldset | Insert a <fieldset>. |
| pageproperties | Edit page-level properties (title, base URL, etc.). |
Subtoolbars 11
Referenced as subtoolbar_<name>. You can override any of these in your config to customize the nested menus.
| ID | Used by |
|---|---|
| subtoolbar_more | Overflow menu for the default toolbar. |
| subtoolbar_more_full | Overflow menu for the full preset. |
| subtoolbar_more_mobile | Overflow menu for mobile preset. |
| subtoolbar_paste | Paste split button dropdown. |
| subtoolbar_paragraphop | Paragraph operations dropdown. |
| subtoolbar_table | Table quick actions. |
| subtoolbar_tablerow | Row operations. |
| subtoolbar_tablecell | Cell operations. |
| subtoolbar_tablecolumn | Column operations. |
| subtoolbar_tableinsert | Table insert-directions dropdown. |
| subtoolbar_tabledelete | Table delete-directions dropdown. |
| subtoolbar_controlsize | Resize handles for selected images / tables. |
| subtoolbar_justify | Alignment dropdown. |
| subtoolbar_controljustify | Alignment + float for selected images. |
| subtoolbar_floatparagraph | Floating paragraph toolbar buttons. |
Control-selection toolbars 4
Floating toolbars that appear when the user clicks a specific element. Override controltoolbar_<TAG> to customize.
| ID | Shown when the user selects |
|---|---|
| controltoolbar_TEXT | A plain text run (generic inline selection). |
| controltoolbar_A | A hyperlink. |
| controltoolbar_TD | A table cell. |
| controltoolbar_IMG | An image. |
See also
- execCommand() reference — the JS API equivalents of many of these items.
- Configuration reference — every
config.*key. - Custom toolbar demo — live example of assembling a custom toolbar from these IDs.
- Default toolbar demo — every item in action on one page.