TextAlign extension

This extension adds a text align attribute to a specified list of nodes. The attribute is used to align the text.

text-align: justify doesn’t work together with white-space: pre-wrap in Firefox, that’s a known issue.

Install

npm install @tiptap/extension-text-align

A list of nodes where the text align attribute should be applied to. Usually something like ['heading', 'paragraph'].

Default: []

TextAlign.configure({
  types: ['heading', 'paragraph'],
})

A list of available options for the text align attribute.

Default: ['left', 'center', 'right', 'justify']

TextAlign.configure({
  alignments: ['left', 'right'],
})

The default text align.

Default: null

TextAlign.configure({
  defaultAlignment: 'right',
})

Set the text align to the specified value.

editor.commands.setTextAlign('right')

Remove the text align value.

editor.commands.unsetTextAlign()

Toggles the text align value. If the current value is the same as the specified value, it will be removed.

editor.commands.toggleTextAlign('right')