Merge pull request #77 from editor-js/fix-paste-html-embedded-code

fix(paste): replace PasteEvent with HTMLPasteEvent to preserve innerHTML

Author: akulistus

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@editorjs/code",
-  "version": "2.9.3",
+  "version": "2.9.4",
   "keywords": [
     "codex editor",
     "code",

src/index.ts

@@ -1,7 +1,7 @@
 import './index.css';
 import { getLineStartPosition } from './utils/string';
 import { IconBrackets } from '@codexteam/icons';
-import type { API, BlockTool, BlockToolConstructorOptions, BlockToolData, PasteConfig, PasteEvent, SanitizerConfig, ToolboxConfig } from '@editorjs/editorjs';
+import type { API, BlockTool, BlockToolConstructorOptions, BlockToolData, PasteEvent, HTMLPasteEventDetail, PasteConfig, SanitizerConfig, ToolboxConfig } from '@editorjs/editorjs';
 
 /**
  * CodeTool for Editor.js
@@ -161,14 +161,13 @@ export default class CodeTool implements BlockTool {
    * @param event - event with pasted content
    */
   public onPaste(event: PasteEvent): void {
-    const detail = event.detail;
+    switch (event.type) {
+      case 'tag': {
+        const element = (event.detail as HTMLPasteEventDetail).data;
 
-    if ('data' in detail) {
-      const content = detail.data as string;
-
-      this.data = {
-        code: content || '',
-      };
+        this.handleHTMLPaste(element);
+        break;
+      }
     }
   }
 
@@ -324,4 +323,14 @@ export default class CodeTool implements BlockTool {
 
     return wrapper;
   }
+
+  /**
+   * Extracts the code content from the pasted element's innerHTML and populates the tool's data.
+   * @param element - pasted HTML element
+   */
+  private handleHTMLPaste(element: HTMLElement): void {
+    this.data = {
+      code: element.innerHTML,
+    };
+  }
 }