tiptap 上标

使用此扩展在文本中渲染 <sup> 上标。如果在编辑器初始内容中提供了 <sup> 或带有 vertical-align: super 内联样式的文本，它们都会相应地被渲染。

注意事项 限制
扩展在读取 Editor 实例的内容时会生成相应的 <sup> HTML 标签。无论通过何种方式创建的上标文本，最终都会被标准化为 <sup> HTML 标签。

安装

npm install @tiptap/extension-superscript

配置

HTMLAttributes

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

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

命令

setSuperscript()

将文本标记为上标。

editor.commands.setSuperscript();

toggleSuperscript()

切换上标标记。

editor.commands.toggleSuperscript();

unsetSuperscript()

移除上标标记。

editor.commands.unsetSuperscript();

快捷键

源代码

packages/extension-superscript/

使用示例

嵌入式预览 - 上标