Ability to customize editor minHeight

rahmanramsi · Jun 22, 2022 · df5f83f · df5f83f
1 parent 720e106
commit df5f83f
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 516 deletions.
diff --git a/resources/dist/js/editor.js b/resources/dist/js/editor.js
diff --git a/resources/js/editor.js b/resources/js/editor.js
@@ -15,7 +15,7 @@ import DragDrop from "editorjs-drag-drop";
 document.addEventListener("alpine:init", () => {
   Alpine.data(
     "editorjs",
-    ({ state, statePath, placeholder, readOnly, tools }) => ({
+    ({ state, statePath, placeholder, readOnly, tools, minHeight }) => ({
       instance: null,
       state: state,
       tools: tools,
@@ -82,7 +82,7 @@ document.addEventListener("alpine:init", () => {
         if (this.tools.includes("style")) enabledTools.style = StyleInlineTool;
         this.instance = new EditorJS({
           holder: this.$el,
-          minHeight: 30,
+          minHeight: minHeight,
           data: this.state,
           placeholder: placeholder,
           readOnly: readOnly,

diff --git a/resources/views/forms/components/fields/editorjs.blade.php b/resources/views/forms/components/fields/editorjs.blade.php
@@ -18,7 +18,8 @@ class="editorjs-wrapper"
                 statePath: '{{ $getStatePath() }}',
                 placeholder: '{{ $getPlaceholder() }}',
                 readOnly: {{ $isDisabled() ? 'true' : 'false' }},
-                tools: @js($getTools())
+                tools: @js($getTools()),
+                minHeight: @js($getMinHeight())
             })"
        >
       </div>

diff --git a/src/Forms/Components/EditorJs.php b/src/Forms/Components/EditorJs.php
@@ -28,4 +28,18 @@ class EditorJs extends Field implements HasFileAttachmentsContract
     'inline-code',
     'style',
   ];
+
+  protected int | Closure | null $minHeight = 30;
+
+  public function minHeight(int | Closure | null $minHeight): static
+  {
+      $this->minHeight = $minHeight;
+
+      return $this;
+  }
+
+  public function getMinHeight(): ?int
+  {
+      return $this->evaluate($this->minHeight);
+  }
 }