add text align example

examples/Components/Routes/TextAlign/Paragraph.js

@@ -0,0 +1,34 @@
+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)
+	}
+
+}