update(tune): cast it into boolean instead

editor-js · Jul 24, 2024 · 6699206 · 6699206
1 parent 5ce4814
commit 6699206
Show file tree

Hide file tree

Showing 2 changed files with 67 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Editor.js with ImageTool</title>
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@editorjs/editorjs@latest/dist/editor.css">
+</head>
+<body>
+  <div id="editorjs"></div>
+  <script src="https://cdn.jsdelivr.net/npm/@editorjs/editorjs@latest"></script>
+  <script src="https://cdn.jsdelivr.net/npm/@editorjs/header@latest"></script>
+  <script src="./dist/image.umd.js"></script>
+  <script>
+    document.addEventListener('DOMContentLoaded', () => {
+      const editor = new EditorJS({
+        holder: 'editorjs',
+        tools: {
+          header: {
+            class: Header,
+            inlineToolbar: ['link'],
+            config: {
+              placeholder: 'Enter a header'
+            },
+            shortcut: 'CMD+SHIFT+H'
+          },
+          image: {
+            class: ImageTool,
+            config: {
+              endpoints: {
+                byFile: 'http://localhost:3000/uploadFile', // Your backend file uploader endpoint
+                byUrl: 'http://localhost:3000/fetchUrl', // Your endpoint that provides file by URL
+              },
+              field: 'image', // Form field name for the image file
+              types: 'image/*', // Image file types
+            }
+          }
+        },
+        data: {
+          blocks: [
+            {
+              type: "header",
+              data: {
+                text: "Welcome to Editor.js",
+                level: 2
+              }
+            },
+            {
+              type: "image",
+              data: {
+                file: {
+                  url: "http://localhost:5500/dev/.tmp/b623408975649d125bec4bf02.png" // Replace with your image URL
+                },
+                caption: "Sample image",
+                withBorder: true,
+                withBackground: false,
+                stretched: false
+              }
+            }
+          ]
+        }
+      });
+    });
+  </script>
+</body>
+</html>
diff --git a/src/index.ts b/src/index.ts
@@ -397,7 +397,7 @@ export default class ImageTool implements BlockTool {
    */
   private tuneToggled(tuneName: keyof ImageToolData): void {
     // inverse tune state
-    this.setTune(tuneName, this._data[tuneName] !== undefined ? true : false);
+    this.setTune(tuneName, !(this._data[tuneName] as boolean));
   }
 
   /**