探索 Tiptap V3 的最新功能

粗体扩展

版本下载量

使用此扩展以加粗文本。如果你传入 <strong><b> 标签,或编辑器初始内容中带有设置 font-weight CSS 规则的内联 style 属性的文本,它们都会被相应地渲染。

输入 **两个星号**__两个下划线__,在输入时它们会神奇地转换为加粗文本。

限制

当读取 Editor 实例的内容时,该扩展将生成相应的 <strong> HTML 标签。所有标记为粗体的文本,无论使用何种方法,都会被规范化为 <strong> HTML 标签。

安装

npm install @tiptap/extension-bold

设置

HTMLAttributes

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

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

命令

setBold()

将文本标记为粗体。

editor.commands.setBold()

toggleBold()

切换粗体标记。

editor.commands.toggleBold()

unsetBold()

移除粗体标记。

editor.commands.unsetBold()

键盘快捷键

命令Windows/LinuxmacOS
toggleBold()Control + BCmd + B

源代码

packages/extension-bold/