2.15.2

Editor

Next Generation live editor for Bolt Web Components

Published

History: View changes
Install: yarn add @bolt/components-editor
Source code: View on Github
Dependencies: @bolt/core-v3.x detect-browser grapesjs param-case

Overview

Bolt Editor

Overview

Usage

Schema

Edit this page

Usage

{% set content %} <bolt-text>Hello World!</bolt-text> {% endset %} {% include '@bolt-components-editor/editor.twig' with { styles: ['/build/bolt-global.css'], scripts: ['/build/bolt-global.js'], content: content, } only %}

Schema

Note: when assigning component props as HTML attributes on a web component, make sure to use kebab-case.

Prop Name	Description	Type	Default Value	Option(s)
content *	HTML content to edit	`string`	—	—
styles *	URL paths to CSS files that the editable content requires	`array`	—
scripts *	URL paths to JS files that the editable content requires	`array`	—
id	ID for this content. Useful for saving back to a data store like Drupal by passing in the paragraph ID. ID emitted in save event.	`string`	—	—