tiptap 粗体标记

使用这个扩展来在文本中渲染粗体。如果你在编辑器初始内容中传递 <strong>、<b> 标签，或者带有内联 style 属性设置了 font-weight CSS 规则的文本，它们都会相应地渲染。

键入 **两个星号** 或 __两个下划线__ ，你会看到它在输入时神奇地变为粗体。

注意事项
该扩展在读取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();

快捷键

源代码

packages/extension-bold/

使用示例

Tiptap 预览 - 粗体