wagtail-editorjs 1.1.8

EditorJS as a widget for Wagtail, with Page- and Image chooser support

wagtail_editorjs

A Wagtail EditorJS widget with page/image chooser support, document support and more!

Quick start

1. Add 'wagtail_editorjs' to your INSTALLED_APPS setting like this:

   INSTALLED_APPS = [
   ...,
   'wagtail_editorjs',
   ]
   

2. Add the HTML to your template:

   <link rel="stylesheet" href="{% static 'wagtail_editorjs/css/frontend.css' %}">
   {% load editorjs %}
   {% editorjs self.editor_field %}
   

3. Add the field to your model:

   ...
   from wagtail_editorjs.fields import EditorJSField
   
   
   class HomePage(Page):
       content_panels = [
           FieldPanel("editor_field"),
       ]
       editor_field = EditorJSField(
           # All supported features
           features=[
               'attaches',
               'checklist',
               'code',
               'delimiter',
               'header',
               'image',
               'inline-code',
               'marker',
               'nested-list',
               'paragraph',
               'quote',
               'raw',
               'table',
               'underline',
               'warning',
               'link',
               'text-alignment-tune',
               'text-variant-tune'
           ],
           blank=True,
           null=True,
       )
   

Settings

EDITORJS_CLEAN_HTML

Default: True
Clean the HTML output on rendering.
This happens every time the field is rendered.
It might be smart to set up some sort of caching mechanism.