下划线扩展

使用此扩展来渲染文本下划线。如果您在编辑器的初始内容中传入 <u> 标签或设置了 text-decoration: underline 的行内 style 属性的文本，它们都会相应地被渲染。

请注意，互联网上的下划线文本通常表示这是一个可点击的链接。不要用下划线文本让用户感到困惑。

当读取 Editor 实例的内容时，扩展将生成相应的 <u> HTML 标签。所有标记为下划线的文本，无论采用何种方法，都会被规范化为 <u> HTML 标签。

安装

npm install @tiptap/extension-underline

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

Underline.configure({
  HTMLAttributes: {
    class: 'my-custom-class',
  },
})

将文本标记为下划线。

editor.commands.setUnderline()

切换下划线标记。

editor.commands.toggleUnderline()

移除下划线标记。

editor.commands.unsetUnderline()

命令	Windows/Linux	macOS
toggleUnderline()	`Control` + `U`	`Cmd` + `U`