Editor

Next Generation live editor for Bolt Web Components

Twig 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
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[string]
scripts *

URL paths to JS files that the editable content requires

array[string]
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
Install Install
npm install @bolt/components-editor
Dependencies @bolt/core @bolt/lazy-queue detect-browser grapesjs param-case