Developer Guides

Guides for custom nodes, marks, toolbar options, and editor extensions. Start with Extending Vizy for the API overview, then Creating a Custom Mark from Scratch for a full Abbreviation walkthrough. A copy-paste Craft module is available at examples/vizy-abbr-module/ in the plugin repo.

Creating a Custom Mark from Scratch

Abbreviation (abbr) from PHP through TipTap JavaScript, Editor Config, and front-end HTML.

Creating a Custom Node from Scratch

An inline emoji node with a PHP rendering definition and toolbar button.

Modifying the Toolbar Buttons

Editor Config placement, registerControl, and dropdowns.

Choosing Insertion Controls

Choosing between structured blocks and toolbar controls for rich-text features.

Creating Your Own Formatting Buttons and Dropdown

Formatting dropdown roster and your own capabilities for brand styles.