Fix cursor navigation and backspace functionality CodeTool

idebenone · idebenone · commit 79df8b99e30a · 2024-10-30T22:31:46.000+05:30
diff --git a/dev/index.html b/dev/index.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Code Plugin Test | EditorJS</title>
+  </head>
+  <body>
+    <div id="editorjs"></div>
+    <script src="https://cdn.jsdelivr.net/npm/@editorjs/editorjs@latest/dist/editor.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@editorjs/header@latest"></script>
+    <script src="../dist/code.umd.js"></script>
+    <script>
+      const editor = new EditorJS({
+        holder: 'editorjs',
+        data: {
+          time: 1700475383740,
+          blocks: [
+            {
+              id: 'aRMoZePSTD',
+              type: 'header',
+              data: { text: 'Welcome to Editor.js', level: 2 },
+            },
+            {
+              id: 'fcG8CCR5F8',
+              type: 'code',
+              data: { code: 'print("Namaste World")' },
+            },
+          ],
+        },
+        tools: {
+          code: CodeTool,
+          header: Header,
+        },
+      });
+    </script>
+  </body>
+</html>
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@editorjs/code",
-  "version": "2.9.2",
+  "version": "2.9.3",
   "keywords": [
     "codex editor",
     "code",
diff --git a/src/index.ts b/src/index.ts
@@ -317,6 +317,19 @@ export default class CodeTool implements BlockTool {
         case 'Tab':
           this.tabHandler(event);
           break;
+        case 'Backspace':
+          if (textarea.value.length > 0) {
+            event.stopPropagation();
+          } else {
+            event.preventDefault();
+          }
+          break;
+        case 'ArrowUp':
+        case 'ArrowDown':
+        case 'ArrowLeft':
+        case 'ArrowRight':
+          event.stopPropagation();
+          break;
       }
     });
 

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@editorjs/code",`
`3`		`- "version": "2.9.2",`
	`3`	`+ "version": "2.9.3",`
`4`	`4`	`"keywords": [`
`5`	`5`	`"codex editor",`
`6`	`6`	`"code",`