Editor

WYSIWYG editor based on Tiptap (opens in a new tab).

Usage

import { TiptapEditor, TiptapDisplay } from "@skyltmax/ds9"

Examples

Basic

Label

JSON Output

{"type":"doc","content":[{"type":"paragraph","attrs":{"textAlign":"left","style":"paragraph"},"content":[{"type":"text","text":"This HTML was parsed by Tiptap..."}]}]}

HTML Output

This HTML was parsed by Tiptap...

Code

Barebones

Menu options are hidden when the corresponding extension is not available.

Label

Code

Optional Extensions

YouTube Video

Note: Requires the TiptapDisplayInteractive component for HTML rendering.

Video block

Code

Checkbox Fieldset