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

Command	Windows/Linux	macOS
setTextAlign('left')	Ctrl Shift L	Cmd Shift L
setTextAlign('center')	Ctrl Shift E	Cmd Shift E
setTextAlign('right')	Ctrl Shift R	Cmd Shift R
setTextAlign('justify')	Ctrl Shift J	Cmd Shift J

Source code

packages/extension-text-align/

Usage