项目

tiptap 下标

使用此扩展来在文本中显示 <sub> 下标。如果你在编辑器初始内容中提供了 <sub> 标签或带有 vertical-align: sub 的内联样式,它们都会相应地渲染。

警告 限制
当读取 Editor 实例的内容时,扩展会生成相应的 <sub> HTML 标签。无论通过何种方式添加的下标文本,都将被标准化为 <sub> HTML 标签。

安装

npm install @tiptap/extension-subscript

配置

HTMLAttributes

自定义应添加到渲染 HTML 标签上的自定义 HTML 属性。

Subscript.configure({
  HTMLAttributes: {
    class: "my-custom-class",
  },
});

命令

setSubscript()

将文本标记为下标。

editor.commands.setSubscript();

toggleSubscript()

切换下标标记。

editor.commands.toggleSubscript();

unsetSubscript()

移除下标标记。

editor.commands.unsetSubscript();

快捷键

命令 Windows/Linux macOS
toggleSubscript() Ctrl <comma> Cmd <comma>

源代码

packages/extension-subscript/

使用示例

https://embed.tiptap.dev/preview/Marks/Subscript

在本文档中