Merge pull request #76 from editor-js/fix/backspace-and-navigate

Fix cursor navigation and backspace functionality CodeTool
editor-js · Nov 19, 2024 · af1cc25 · af1cc25
2 parents e34a438 + 5952ba5
commit af1cc25
Show file tree

Hide file tree

Showing 4 changed files with 44 additions and 3 deletions.
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"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@editorjs/header@latest"></script>
+    <script type="module">
+      import CodeTool from '../src/index.ts';
+      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
@@ -188,7 +188,7 @@ export default class CodeTool implements BlockTool {
     this._data = data;
 
     if (this.nodes.textarea) {
-      this.nodes.textarea.textContent = data.code;
+      this.nodes.textarea.value = data.code;
     }
   }
 
@@ -299,7 +299,7 @@ export default class CodeTool implements BlockTool {
 
     wrapper.classList.add(this.CSS.baseClass, this.CSS.wrapper);
     textarea.classList.add(this.CSS.textarea, this.CSS.input);
-    textarea.textContent = this.data.code;
+    textarea.value = this.data.code;
 
     textarea.placeholder = this.placeholder;
 

diff --git a/vite.config.js b/vite.config.js
@@ -15,6 +15,9 @@ export default {
       fileName: 'code',
     },
   },
+  server: {
+    open: './dev/index.html',
+  },
   define: {
     NODE_ENV: JSON.stringify(NODE_ENV),
     VERSION: JSON.stringify(VERSION),