mirror of
https://github.com/rzmk/learnhouse.git
synced 2025-12-19 04:19:25 +00:00
38 lines
661 B
TypeScript
38 lines
661 B
TypeScript
import { mergeAttributes, Node } from '@tiptap/core'
|
|
import { ReactNodeViewRenderer } from '@tiptap/react'
|
|
|
|
import ImageBlockComponent from './ImageBlockComponent'
|
|
|
|
export default Node.create({
|
|
name: 'blockImage',
|
|
group: 'block',
|
|
|
|
atom: true,
|
|
|
|
addAttributes() {
|
|
return {
|
|
blockObject: {
|
|
default: null,
|
|
},
|
|
size: {
|
|
width: 300,
|
|
},
|
|
}
|
|
},
|
|
|
|
parseHTML() {
|
|
return [
|
|
{
|
|
tag: 'block-image',
|
|
},
|
|
]
|
|
},
|
|
|
|
renderHTML({ HTMLAttributes }) {
|
|
return ['block-image', mergeAttributes(HTMLAttributes), 0]
|
|
},
|
|
|
|
addNodeView() {
|
|
return ReactNodeViewRenderer(ImageBlockComponent)
|
|
},
|
|
})
|