@atlaskit/adf-schema
Version:
Shared package that contains the ADF-schema (json) and ProseMirror node/mark specs
54 lines (53 loc) • 1.16 kB
JavaScript
/**
* @name embedCard_node
*/
export const embedCard = {
inline: false,
group: 'block',
selectable: true,
attrs: {
url: {
default: ''
},
layout: {
default: 'center'
},
width: {
default: 100
},
originalWidth: {
default: null
},
originalHeight: {
default: null
}
},
parseDOM: [{
tag: 'div[data-embed-card]',
getAttrs: dom => ({
url: dom.getAttribute('data-card-url'),
layout: dom.getAttribute('data-layout') || 'center',
width: Number(dom.getAttribute('data-width')) || null,
originalWidth: Number(dom.getAttribute('data-card-original-width')) || null,
originalHeight: Number(dom.getAttribute('data-card-original-height')) || null
})
}],
toDOM(node) {
const {
url,
layout,
width,
originalWidth,
originalHeight
} = node.attrs;
const attrs = {
'data-embed-card': '',
'data-card-url': url,
'data-layout': layout,
'data-width': width,
'data-original-width': originalWidth,
'data-original-height': originalHeight
};
return ['div', attrs];
}
};