Atelier Logo

Atelier

API Reference

Feature Flags

Every toolbar feature is a boolean flag. Angular, Vue, and Vanilla default to all-on; React defaults to all-off.

Feature Flags

All flags are booleans. In Angular, Vue, and Vanilla they default to true (all features on). In React they default to false (opt-in). Pass false to remove a feature and its toolbar controls.

Turning a feature off, per framework (here: the table feature):

FrameworkSyntax
Angular<atelier-editor [table]="false">
Reactleave it out of your feature object, or pass table={false}
Vue<AtelierEditor :table="false">
Vanillanew AtelierEditor('#mount', { table: false })
FlagWhat it enables
starterKitCore editor engine: paragraphs, history (undo/redo), hard breaks. Leave true unless building a bare-bones custom configuration.
boldBold mark
italicItalic mark
underlineUnderline mark
strikeStrikethrough mark
codeInline code mark
colorText color picker
highlightBackground highlight color picker (multi-color)
fontFamilyFont family dropdown
fontSizeFont size dropdown
lineHeightLine height dropdown
subscriptSubscript mark
superscriptSuperscript mark
headingHeadings H1–H6
blockquoteBlock quote element
bulletListUnordered list
orderedListOrdered list
indentIndent / outdent controls
horizontalRuleHorizontal divider line
textAlignLeft / center / right / justify alignment
imageImage insertion (URL or file upload) with drag-resize handles
youtubeYouTube embed via URL with drag-resize handles
table3×3 table insertion; contextual add/delete row, add/delete column, merge/split cell controls
typographySmart typography substitutions (arrows, quotes, fractions, …)
exportPdfShows the Export PDF toolbar button. Toggling it off only hides the button — the programmatic exportPDF() method works regardless.

Always available regardless of flags: undo/redo, clear formatting, special-characters palette, HTML source view, fullscreen, and the dark-mode toggle.

On this page