The AxoEditor toolbar provides quick access to all formatting and insertion commands in the rich-text editor. This guide explains every button, grouped by section, so editors know exactly what each control does and when to use it.
Inline formatting applied to the selected text. All toggles: activate once to apply, activate again to remove.
Bold
Makes the selection bold (<strong>). Toggle on/off.
Ctrl + B
Italic
Makes the selection italic (<em>). Toggle on/off.
Ctrl + I
Underline
Underlines the selection (<u>). Toggle on/off.
Ctrl + U
Strikethrough
Draws a line through the selection. Useful for deleted or deprecated content.
Superscript
Raises the selection above the baseline at a smaller size. Use for footnote markers (1st) and exponents (x2).
Subscript
Lowers the selection below the baseline at a smaller size. Use for chemical formulas (H2O).
Sets the horizontal alignment of the current paragraph. One alignment is active at a time.
Align Left
Text is flush with the left margin. Default for left-to-right text.
Align Center
Text is centered between both margins. Useful for headings and captions.
Align Right
Text is flush with the right margin.
Justify
Both left and right edges are flush with the margins (newspaper-style layout).
Wraps the selection in a list. Toggle again to unwrap back to plain paragraphs.
Bullet List
Creates an unordered list with bullet points (<ul>).
Numbered List
Creates an ordered list with sequential numbers (<ol>).
Adjusts the nesting level of the current block or list item.
Decrease Indent
Reduces indentation by one level. Disabled when already at the minimum indent level.
Increase Indent
Increases indentation by one level. Useful for nesting list items.
Converts the block at the cursor to the chosen type. Changes the semantic meaning of the entire paragraph — not just its appearance.
Paragraph
Regular text
Default body text. <p>
Heading 1
Heading 1
Top-level title. <h1>
Heading 2
Heading 2
Section heading. <h2>
Heading 3
Heading 3
Sub-section heading. <h3>
Blockquote
Quoted passage
Extended quote. <blockquote>
Code Block
code_snippet()
Monospace block. <pre>
These buttons are contributed by optional plugins and may not appear in every editor instance depending on the active preset.
Insert Link
Opens a dialog to wrap the selection in a hyperlink. Set the URL, an optional title, and whether it opens in the same or a new tab. Pre-fills with existing values when editing an existing link.
axoeditor-linkOpens modalRequires selection
Remove Link
Removes the hyperlink from the current anchor, leaving the link text as plain text. The cursor must be inside or around an existing link.
axoeditor-linkRequires selection
Insert Image
Opens a dialog to insert an image at the cursor. Provide the URL, alt text for accessibility, and an optional caption. Inserted as <figure><img><figcaption>.
axoeditor-imageOpens modal
Insert Video
Opens a dialog to embed a video at the cursor. Paste a YouTube or Vimeo URL and choose a display size: Small (320×180), Medium (560×315), Large (720×405), or Full Width.
axoeditor-videoOpens modal
General editing operations not specific to any text format.
Undo
Reverts the last editing action. Repeatable. Disabled when there is nothing left to undo.
Ctrl + Z
Redo
Re-applies a previously undone action. Repeatable. Disabled when there is nothing to redo.
Ctrl + Y
Clear Formatting
Strips all inline formatting (bold, italic, underline, color, highlight …) from the selection. The block type (heading, paragraph, etc.) is preserved.
Requires selection
Special Characters
Opens a panel of categorised symbols for insertion at the cursor: Arrows (→ ← ↑ ↓), Quotes (“ ” ‘ ’), Dashes (– —), Math (± × ≈ °), Punctuation (… · §), and Symbols (© ® ™).
axoeditor-specialsOpens panel
HTML Source Mode
Toggles between the rich-text (WYSIWYG) view and a raw HTML textarea. The icon is highlighted while source mode is active. All other toolbar buttons are disabled in source mode.
axoeditor-source
Summary
The AxoEditor toolbar is fully config-driven: every section and button is declared in editorToolbar.js, and media and utility plugins contribute their buttons automatically via their manifests. Only the buttons permitted by the active editor preset are shown — so different parts of the application may present a tailored subset of these controls.