diff --git a/src/features/editor/components/Editor/extensions/Image.ext.ts b/src/features/editor/components/Editor/extensions/Image.ext.ts index e45c27a..b253355 100644 --- a/src/features/editor/components/Editor/extensions/Image.ext.ts +++ b/src/features/editor/components/Editor/extensions/Image.ext.ts @@ -1,6 +1,36 @@ import Image from '@tiptap/extension-image' -export const ImageExt = Image.configure({ +export const ImageExt = Image.extend({ + addAttributes() { + return { + ...this.parent?.(), + width: { + default: null, + parseHTML: (element) => element.getAttribute('width'), + renderHTML: (attributes) => { + if (!attributes.width) { + return {} + } + return { + width: attributes.width, + } + }, + }, + height: { + default: null, + parseHTML: (element) => element.getAttribute('height'), + renderHTML: (attributes) => { + if (!attributes.height) { + return {} + } + return { + height: attributes.height, + } + }, + }, + } + }, +}).configure({ resize: { enabled: true, alwaysPreserveAspectRatio: true,