tiptap/examples/Components/Routes/TextAlign/Paragraph.js
2018-09-27 09:17:11 +02:00

35 lines
585 B
JavaScript

import { setBlockType } from 'tiptap-commands'
import { Node } from 'tiptap'
export default class ParagraphNode extends Node {
get name() {
return 'paragraph'
}
get schema() {
return {
attrs: {
textAlign: {
default: 'left',
},
},
content: 'inline*',
group: 'block',
draggable: false,
parseDOM: [{
tag: 'p',
getAttrs: node => ({
textAlign: node.style.textAlign,
}),
}],
toDOM: node => ['p', { style: `text-align: ${node.attrs.textAlign}` }, 0],
}
}
command({ type, attrs }) {
return setBlockType(type, attrs)
}
}