16 lines
526 B
JavaScript
16 lines
526 B
JavaScript
import Image from '@tiptap/extension-image';
|
|
|
|
const imageSizeClasses = ['img-xs', 'img-sm', 'img-md', 'img-lg', 'img-full'];
|
|
|
|
export const ResizableImage = Image.extend({
|
|
addAttributes() {
|
|
return {
|
|
...this.parent?.(),
|
|
sizeClass: {
|
|
default: null,
|
|
parseHTML: (el) => imageSizeClasses.find(cls => el.classList.contains(cls)) ?? null,
|
|
renderHTML: (attrs) => attrs.sizeClass ? { class: attrs.sizeClass } : {},
|
|
},
|
|
};
|
|
},
|
|
});
|