粗体扩展
使用此扩展以加粗文本。如果你传入 <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/Linux | macOS |
|---|---|---|
| toggleBold() | Control + B | Cmd + B |