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();
快捷键
命令 | Windows/Linux | macOS |
---|---|---|
toggleBold() | Ctrl + B |
Cmd + B |