From 4bff000751e031248e9d01afd5daee1f51321ef2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Philipp=20Ku=CC=88hn?= <kontakt@philipp-kuehn.com>
Date: Fri, 23 Oct 2020 17:50:28 +0200
Subject: [PATCH] add textAlign command

---
 docs/src/demos/Extensions/TextAlign/index.vue |  6 +++---
 packages/extension-text-align/index.ts        | 16 +++++++++++++++-
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/docs/src/demos/Extensions/TextAlign/index.vue b/docs/src/demos/Extensions/TextAlign/index.vue
index 615eed4b..2c0b5e77 100644
--- a/docs/src/demos/Extensions/TextAlign/index.vue
+++ b/docs/src/demos/Extensions/TextAlign/index.vue
@@ -1,12 +1,12 @@
 <template>
   <div v-if="editor">
-    <button @click="editor.chain().focus().setNodeAttributes({ textAlign: 'left' }).run()">
+    <button @click="editor.chain().focus().textAlign('left').run()">
       left
     </button>
-    <button @click="editor.chain().focus().setNodeAttributes({ textAlign: 'center' }).run()">
+    <button @click="editor.chain().focus().textAlign('center').run()">
       center
     </button>
-    <button @click="editor.chain().focus().setNodeAttributes({ textAlign: 'right' }).run()">
+    <button @click="editor.chain().focus().textAlign('right').run()">
       right
     </button>
     <editor-content :editor="editor" />
diff --git a/packages/extension-text-align/index.ts b/packages/extension-text-align/index.ts
index 3cdf800b..ad6ffb7c 100644
--- a/packages/extension-text-align/index.ts
+++ b/packages/extension-text-align/index.ts
@@ -1,12 +1,14 @@
-import { createExtension } from '@tiptap/core'
+import { Command, createExtension } from '@tiptap/core'
 
 type TextAlignOptions = {
   types: string[],
+  alignments: string[],
 }
 
 const TextAlign = createExtension({
   defaultOptions: <TextAlignOptions>{
     types: ['heading', 'paragraph'],
+    alignments: ['left', 'center', 'right'],
   },
 
   addGlobalAttributes() {
@@ -24,6 +26,18 @@ const TextAlign = createExtension({
       },
     ]
   },
+
+  addCommands() {
+    return {
+      textAlign: (alignment: string): Command => ({ commands }) => {
+        if (!this.options.alignments.includes(alignment)) {
+          return false
+        }
+
+        return commands.setNodeAttributes({ textAlign: alignment })
+      },
+    }
+  },
 })
 
 export default TextAlign