learnhouse/apps/web/components/Objects/Editor/Extensions/Video/VideoBlock.ts
2024-02-09 21:22:15 +01:00

34 lines
617 B
TypeScript

import { mergeAttributes, Node } from '@tiptap/core'
import { ReactNodeViewRenderer } from '@tiptap/react'
import VideoBlockComponent from './VideoBlockComponent'
export default Node.create({
name: 'blockVideo',
group: 'block',
atom: true,
addAttributes() {
return {
blockObject: {
default: null,
},
}
},
parseHTML() {
return [
{
tag: 'block-video',
},
]
},
renderHTML({ HTMLAttributes }) {
return ['block-video', mergeAttributes(HTMLAttributes), 0]
},
addNodeView() {
return ReactNodeViewRenderer(VideoBlockComponent)
},
})