Editor

Next Generation live editor for Bolt Web Components

Published Last updated: 4.2.0 Change log Github NPM
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 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[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-v3.x @bolt/lazy-queue detect-browser grapesjs param-case