Merge pull request #2468 from zetkin/undocumented/zui-editor-paste

ZUI editor pasting prototype
zetkin · Jan 17, 2025 · 26d63ab · 26d63ab
2 parents 769e187 + c440e0a
commit 26d63ab
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 2 deletions.
diff --git a/src/zui/ZUIEditor/extensions/ImageExtension.ts b/src/zui/ZUIEditor/extensions/ImageExtension.ts
@@ -52,7 +52,10 @@ export default class ImageExtension extends NodeExtension<ImageOptions> {
       parseDOM: [
         {
           getAttrs: (element) => {
-            return extra.parse(element);
+            return {
+              ...extra.parse(element),
+              src: element.getAttribute('src'),
+            };
           },
           tag: 'img',
         },

diff --git a/src/zui/ZUIEditor/extensions/LinkExtension.tsx b/src/zui/ZUIEditor/extensions/LinkExtension.tsx
@@ -42,7 +42,12 @@ class LinkExtension extends MarkExtension<LinkOptions> {
       },
       parseDOM: [
         {
-          getAttrs: extra.parse,
+          getAttrs: (node) => {
+            return {
+              ...extra.parse(node),
+              href: node.getAttribute('href'),
+            };
+          },
           tag: 'a',
           //Sätt href-propertyn till värdet href från options
         } as TagParseRule,

diff --git a/src/zui/ZUIEditor/index.tsx b/src/zui/ZUIEditor/index.tsx
@@ -6,6 +6,7 @@ import {
 } from '@remirror/react';
 import { FC } from 'react';
 import { BoldExtension, HeadingExtension } from 'remirror/extensions';
+import { PasteRulesExtension } from 'remirror';
 import { Box } from '@mui/material';
 
 import LinkExtension from './extensions/LinkExtension';
@@ -66,6 +67,7 @@ const ZUIEditor: FC<Props> = ({ enableButton, enableHeading, enableImage }) => {
       type: 'doc',
     },
     extensions: () => [
+      new PasteRulesExtension({}),
       new BoldExtension({}),
       ...extensions,
       new LinkExtension(),