Tools

List of all available tools that can be used in toolbar.

Format

Toolbar name: format

Dropdown menu for changing the format of selected text, options include:

Paragraph | p
Heading 1 | h1
Heading 2 | h2
Heading 3 | h3

Headings

Heading 1

Toolbar name: heading1

Toggle the selected text to a h1.

Heading 2

Toolbar name: heading2

Toggle the selected text to a h2.

Heading 3

Toolbar name: heading3

Toggle the selected text to a h3.

Blockquote

Toolbar name: blockquote

Insert a blockquote.

Code block

Toolbar name: codeBlock

Insert a code block.

Syntax highlighting

Uses Lowlight for automatic syntax highlighting, you will need to include the CSS on your applications front-end. Canvas uses GitHub dark in the editor itself.

Image

Toolbar name: image

Insert an image.

Text styling

Bold

Toolbar name: bold

Toggle the selected text to bold.

Italic

Toolbar name: italic

Toggle the selected text to italic.

Strikethrough

Toolbar name: strikethrough

Toggle the selected text to strikethrough.

Underline

Toolbar name: underline

Toggle the selected text to underline.

Text alignment

Align left

Toolbar name: alignLeft

Align the selected text to the left.

Align center

Toolbar name: alignCenter

Align the selected text to the center.

Align right

Toolbar name: alignRight

Align the selected text to the right.

Lists

Ordered list

Toolbar name: orderedList

Insert an ordered list.

Bullet list

Toolbar name: bulletList

Insert a bullet point list.

History

Undo

Toolbar name: undo

Undo the previous action.

Redo

Toolbar name: redo

Redo the next action.

Separator

Toolbar name: separator

Purely visual divider, can be used in the toolbar to separate sets of tools.

Last modified: 11 September 2024