tiptap 文本对齐

这个扩展为指定的节点类型添加了文本对齐属性。该属性用于调整文本的对齐方式。

警告 Firefox 的已知问题
在 Firefox 中，text-align: justify 和 white-space: pre-wrap 一起使用时会出现问题，这是已知的 问题。

安装

npm install @tiptap/extension-text-align

配置

类型

一个列表，指定了应用文本对齐属性的节点类型。通常可能是 ['标题', '段落'] 类型。

默认值: []

TextAlign.configure({
  types: ["标题", "段落"],
});

对齐方式

可用的文本对齐选项列表。

默认值: ['左', '中心', '右', '两端对齐']

TextAlign.configure({
  alignments: ["左", "右"],
});

默认对齐

默认的文本对齐方式。

默认值: '左'

TextAlign.configure({
  defaultAlignment: "右",
});

命令

setTextAlign()

设置文本对齐为指定值。

editor.commands.setTextAlign("右");

unsetTextAlign()

移除文本对齐值。

editor.commands.unsetTextAlign();

键盘快捷键

源代码

packages/extension-text-align/

使用示例

查看 Tiptap 预览