下标扩展
使用此扩展在 下标 中渲染文本。如果您在编辑器的初始内容中传递 <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() | Control + , | Cmd + , |