探索 Tiptap V3 的最新功能

文本对齐扩展

版本下载次数

此扩展为指定节点列表添加文本对齐属性。此属性用于对齐文本。

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/LinuxmacOS
setTextAlign(left)Ctrl + Shift + LCmd + Shift + L
setTextAlign(center)Ctrl + Shift + ECmd + Shift + E
setTextAlign(right)Ctrl + Shift + RCmd + Shift + R
setTextAlign(justify)Ctrl + Shift + JCmd + Shift + J

源代码

packages/extension-text-align/