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: 'left'

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

Set the text align to the specified value.

editor.commands.setTextAlign('right')

Remove the text align value.

editor.commands.unsetTextAlign()