---
title: "粗体扩展"
description: "在 Tiptap 中使用粗体扩展让你的文字加粗并突出显示。在我们的文档中查看更多信息！"
canonical_url: "https://tiptap.zhcndoc.com/editor/extensions/marks/bold"
---

# 粗体扩展

在 Tiptap 中使用粗体扩展让你的文字加粗并突出显示。在我们的文档中查看更多信息！

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

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

> **Interactive demo:** [Bold](https://embed.tiptap.dev/preview/Marks/Bold)

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

## 安装

```bash
npm install @tiptap/extension-bold
```

## 设置

### HTMLAttributes

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

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

## 命令

### setBold()

将文本标记为粗体。

```js
editor.commands.setBold()
```

### toggleBold()

切换粗体标记。

```js
editor.commands.toggleBold()
```

### unsetBold()

移除粗体标记。

```js
editor.commands.unsetBold()
```

## 键盘快捷键

| 命令           | Windows/Linux | macOS   |
| ------------ | ------------- | ------- |
| toggleBold() | Control + B   | Cmd + B |

## 源代码

[packages/extension-bold/](https://github.com/ueberdosis/tiptap/blob/main/packages/extension-bold/)