Portable Text Editor
The Portable Text Editor (@portabletext/editor) is the officially supported editor for working with Portable Text content. It’s a headless block content editor for React: you bring the UI, the editor handles the editing.
You configure the editor by declaring a schema of styles, decorators, annotations, lists, block objects, and inline objects. Rendering is yours to control through render props on PortableTextEditable. Interactions are extensible through the Behavior API and a growing set of plugins. The companion @portabletext/toolbar package gives you headless hooks for building toolbar UI.
Install the editor, define a schema, and build your first toolbar.
How the schema, decorators, annotations, and behaviors fit together.
Practical walkthroughs: custom blocks and inline objects, custom rendering, building toolbars, writing behaviors, and testing.
API documentation for the editor, behaviors, plugins, selectors, toolbar, and keyboard shortcuts.