Put id and class on holder

Author: 2ik

django_editorjs_fields/widgets.py

@@ -13,7 +13,8 @@ def __init__(self, plugins=None, tools=None, config=None, **kwargs):
         self.tools = tools
         self.config = config
 
-        widget = kwargs.pop('widget', None) # Fix "__init__() got an unexpected keyword argument 'widget'"
+        # Fix "__init__() got an unexpected keyword argument 'widget'"
+        widget = kwargs.pop('widget', None)
         if widget:
             self.plugins = widget.plugins
             self.tools = widget.tools
@@ -71,14 +72,14 @@ def render(self, name, value, attrs=None, renderer=None):
         html = super().render(name, value, attrs)
 
         html += '''
-        <div data-editorjs-holder></div>
+        <div data-editorjs-holder id="%(id)s_editorjs_holder" class="editorjs-holder"></div>
         <script defer>
         addEventListener('DOMContentLoaded', function () {
-            initEditorJsField('%s', %s);
+            initEditorJsField('%(id)s', %(config)s);
         })
-        </script>''' % (
-            attrs.get('id'),
-            json.dumps(self.configuration()),
-        )
+        </script>''' % {
+            'id': attrs.get('id'),
+            'config': json.dumps(self.configuration()),
+        }
 
         return mark_safe(html)