文本对齐扩展
此扩展为指定节点列表添加文本对齐属性。此属性用于对齐文本。
Firefox 错误
text-align: justify 在 Firefox 中无法与 white-space: pre-wrap 一起使用,这是一个已知问题。
安装
npm install @tiptap/extension-text-align设置
types
应应用文本对齐属性的节点列表。通常类似 ['heading', 'paragraph']。
默认值: []
TextAlign.configure({
types: ['heading', 'paragraph'],
})alignments
文本对齐属性的可用选项列表。
默认值: ['left', 'center', 'right', 'justify']
TextAlign.configure({
alignments: ['left', 'right'],
})defaultAlignment
默认文本对齐方式。
默认值: null
TextAlign.configure({
defaultAlignment: 'right',
})命令
setTextAlign()
将文本对齐设置为指定值。
editor.commands.setTextAlign('right')unsetTextAlign()
移除文本对齐值。
editor.commands.unsetTextAlign()toggleTextAlign()
切换文本对齐值。如果当前值与指定值相同,则将其移除。
editor.commands.toggleTextAlign('right')快捷键
| 命令 | 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 |