@atlaskit/adf-schema
Version:
Shared package that contains the ADF-schema (json) and ProseMirror node/mark specs
50 lines (49 loc) • 1.23 kB
JavaScript
/**
* @name blockCard_node
*/
export const blockCard = {
inline: false,
group: 'block',
draggable: true,
selectable: true,
attrs: {
url: {
default: null
},
data: {
default: null
}
},
parseDOM: [{
tag: 'a[data-block-card]',
// bump priority higher than hyperlink
priority: 100,
getAttrs: dom => {
const anchor = dom;
const data = anchor.getAttribute('data-card-data');
return {
url: anchor.getAttribute('href') || null,
data: data ? JSON.parse(data) : null
};
}
}, {
tag: 'div[data-block-card]',
getAttrs: dom => {
const anchor = dom;
const data = anchor.getAttribute('data-card-data');
return {
url: anchor.getAttribute('data-card-url') || null,
data: data ? JSON.parse(data) : null
};
}
}],
toDOM(node) {
var _node$attrs;
const attrs = {
'data-block-card': '',
href: node.attrs.url || '',
'data-card-data': node.attrs.data ? JSON.stringify(node.attrs.data) : ''
};
return ['a', attrs, (node === null || node === void 0 ? void 0 : (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.url) || ' '];
}
};