Rich Text Editor

TentoCMS includes a WYSIWYG ("what you see is what you get") rich text editor for writing and formatting content. Everything you type is displayed the way it will appear once published, so there's no need to write HTML by hand.

You'll find the editor on any rich text field while editing a page. Use the toolbar buttons or the keyboard shortcuts below to format your content.

Text formatting

Select some text, then apply a style from the toolbar or with a shortcut:

• Bold — Cmd/Ctrl + B
• Italic — Cmd/Ctrl + I
• Underline — Cmd/Ctrl + U
• Strikethrough — Cmd/Ctrl + Shift + S
• Inline code — Cmd/Ctrl + E, for short snippets like variableName

Structure

Organise longer content with block-level formatting:

• Headings — H1 through H6, chosen from the headings dropdown
• Bullet lists — unordered lists, which can be nested
• Numbered lists — ordered lists, which can be nested
• Blockquotes — set quoted text apart from the rest
• Code blocks — multi-line code with monospace styling
• Horizontal rules — a divider line between sections
• Tables — rows, columns, and headers, with drag-to-resize columns. There's currently no toolbar button to insert a new table — add one by pasting table HTML, using the HTML source view (the </> button in the toolbar), or by editing content that already contains a table. Once a table is present, it's fully editable with resize handles.

Media

• Links — add a link to selected text. URLs are validated, and external links are opened safely.
• Images — insert an image from your media library.

Alignment

Align a paragraph or heading:

• Left align (the default)
• Centre align
• Right align

History

• Undo — Cmd/Ctrl + Z
• Redo — Cmd/Ctrl + Shift + Z

Your changes are saved automatically as you work.

Accessibility

The editor is built to work for everyone, though there's a known gap:

• Full keyboard navigation, so you can format content without a mouse
• After a toolbar action, focus returns to the editor so you can keep typing
• Content uses semantic HTML that assistive technology can read
• Known gap: toolbar buttons are currently icon-only, with no aria-label text — a screen reader announces them generically rather than by function (e.g. "Bold", "Italic"). Rely on the tooltip-free icons or sighted assistance until this is added; everything else in the editor (headings dropdown, keyboard shortcuts, focus handling) is fully accessible.

Related documentation

• Field types reference
• Schema builder guide
• Engineering internals: WYSIWYG Editor — Implementation Reference