tiptap/docs/api/extensions/text-align.md

TextAlign

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

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

Installation

# with npm
npm install @tiptap/extension-text-align

# with Yarn
yarn add @tiptap/extension-text-align

Settings

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
textAlign	alignment	Set the text align to the specified value.

Keyboard shortcuts

Windows/Linux

• Ctrl Shift L Left
• Ctrl Shift E Center
• Ctrl Shift R Right
• Ctrl Shift J Justify

macOS

• Cmd Shift L Left
• Cmd Shift E Center
• Cmd Shift R Right
• Cmd Shift J Justify

Source code

packages/extension-text-align/

Usage