tiptap 下划线

使用这个扩展来渲染带下划线的文本 下划线文本。如果编辑器初始内容中包含  标签或具有内联 style 属性且设置为 text-decoration: underline 的文本，它们都会相应地显示。

请注意，互联网上的下划线通常表示可点击的链接。不要用下划线误导用户。

警告限制
当从 Editor 实例读取内容时，扩展会生成相应的  HTML 标签。无论使用何种方法标记的下划线文本，最终都将被标准化为  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()	`Ctrl` + `U`	`Cmd` + `U`