55 lines
1.1 KiB
JavaScript
55 lines
1.1 KiB
JavaScript
|
/* eslint-disable class-methods-use-this */
|
||
|
|
|
||
|
|
import { Node } from 'tiptap';
|
||
|
|
import { defaultMarkdownSerializer } from 'prosemirror-markdown';
|
||
|
|
|
||
|
|
// Transforms generated HTML back to GFM for Banzai::Filter::VideoLinkFilter
|
||
|
|
export default class Video extends Node {
|
||
|
|
get name() {
|
||
|
|
return 'video';
|
||
|
|
}
|
||
|
|
|
||
|
|
get schema() {
|
||
|
|
return {
|
||
|
|
attrs: {
|
||
|
|
src: {},
|
||
|
|
alt: {
|
||
|
|
default: null,
|
||
|
|
},
|
||
|
|
},
|
||
|
|
group: 'block',
|
||
|
|
draggable: true,
|
||
|
|
parseDOM: [
|
||
|
|
{
|
||
|
|
tag: '.video-container',
|
||
|
|
skip: true,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
tag: '.video-container p',
|
||
|
|
priority: 51,
|
||
|
|
ignore: true,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
tag: 'video[src]',
|
||
|
|
getAttrs: el => ({ src: el.getAttribute('src'), alt: el.dataset.title }),
|
||
|
|
},
|
||
|
|
],
|
||
|
|
toDOM: node => [
|
||
|
|
'video',
|
||
|
|
{
|
||
|
|
src: node.attrs.src,
|
||
|
|
width: '400',
|
||
|
|
controls: true,
|
||
|
|
'data-setup': '{}',
|
||
|
|
'data-title': node.attrs.alt,
|
||
|
|
},
|
||
|
|
],
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
toMarkdown(state, node) {
|
||
|
|
defaultMarkdownSerializer.nodes.image(state, node);
|
||
|
|
state.closeBlock(node);
|
||
|
|
}
|
||
|
|
}
|