diff --git a/docs/src/demos/Examples/Formatting/index.vue b/docs/src/demos/Examples/Formatting/index.vue index 8dd8f255..e9a35646 100644 --- a/docs/src/demos/Examples/Formatting/index.vue +++ b/docs/src/demos/Examples/Formatting/index.vue @@ -63,7 +63,9 @@ export default { this.editor = new Editor({ extensions: [ StarterKit, - TextAlign, + TextAlign.configure({ + types: ['heading', 'paragraph'], + }), Highlight, ], content: ` diff --git a/docs/src/demos/Extensions/TextAlign/index.vue b/docs/src/demos/Extensions/TextAlign/index.vue index a29c3498..f094b233 100644 --- a/docs/src/demos/Extensions/TextAlign/index.vue +++ b/docs/src/demos/Extensions/TextAlign/index.vue @@ -45,7 +45,9 @@ export default { Paragraph, Text, Heading, - TextAlign, + TextAlign.configure({ + types: ['heading', 'paragraph'], + }), ], content: `

Heading

diff --git a/docs/src/docPages/api/extensions/text-align.md b/docs/src/docPages/api/extensions/text-align.md index 546cae44..455bbe95 100644 --- a/docs/src/docPages/api/extensions/text-align.md +++ b/docs/src/docPages/api/extensions/text-align.md @@ -18,11 +18,11 @@ yarn add @tiptap/extension-text-align ``` ## Settings -| Option | Type | Default | Description | -| ---------------- | -------- | ---------------------------------------- | -------------------------------------------------------------------- | -| types | `Array` | `['heading', 'paragraph']` | A list of nodes where the text align attribute should be applied to. | -| alignments | `Array` | `['left', 'center', 'right', 'justify']` | A list of available options for the text align attribute. | -| defaultAlignment | `String` | `'left'` | The default text align. | +| Option | Type | Default | Description | +| ---------------- | -------- | ---------------------------------------- | ---------------------------------------------------------------------------------------------------------------------- | +| types | `Array` | `[]` | A list of nodes where the text align attribute should be applied to. Usually something like `['heading', 'paragraph']`.| +| alignments | `Array` | `['left', 'center', 'right', 'justify']` | A list of available options for the text align attribute. | +| defaultAlignment | `String` | `'left'` | The default text align. | ## Commands | Command | Parameters | Description | diff --git a/packages/extension-text-align/src/text-align.ts b/packages/extension-text-align/src/text-align.ts index 93730520..006a55ae 100644 --- a/packages/extension-text-align/src/text-align.ts +++ b/packages/extension-text-align/src/text-align.ts @@ -25,7 +25,7 @@ export const TextAlign = Extension.create({ name: 'textAlign', defaultOptions: { - types: ['heading', 'paragraph'], + types: [], alignments: ['left', 'center', 'right', 'justify'], defaultAlignment: 'left', }, @@ -60,10 +60,10 @@ export const TextAlign = Extension.create({ return false } - return this.options.types.some(type => commands.updateAttributes(type, { textAlign: alignment })) + return this.options.types.every(type => commands.updateAttributes(type, { textAlign: alignment })) }, unsetTextAlign: () => ({ commands }) => { - return this.options.types.some(type => commands.resetAttributes(type, 'textAlign')) + return this.options.types.every(type => commands.resetAttributes(type, 'textAlign')) }, } },