---
title: "Blockquote extension"
description: "Use the Blockquote extension in Tiptap to enable the quote HTML tag in the editor. Learn more in our docs!"
canonical_url: "https://tiptap.dev/docs/editor/extensions/nodes/blockquote"
---

# Blockquote extension

Use the Blockquote extension in Tiptap to enable the quote HTML tag in the editor. Learn more in our docs!

The Blockquote extension enables you to use the `<blockquote>` HTML tag in the editor. This is great to … show quotes in the editor, you know?

Type >  at the beginning of a new line and it will magically transform to a blockquote.

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

## Install

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

## Settings

### HTMLAttributes

Custom HTML attributes that should be added to the rendered HTML tag.

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

## Commands

### setBlockquote()

Wrap content in a blockquote.

```js
editor.commands.setBlockquote()
```

### toggleBlockquote()

Wrap or unwrap a blockquote.

```js
editor.commands.toggleBlockquote()
```

### unsetBlockquote()

Unwrap a blockquote.

```js
editor.commands.unsetBlockquote()
```

## Keyboard shortcuts

| Command           | Windows/Linux       | macOS           |
| ----------------- | ------------------- | --------------- |
| Toggle Blockquote | Control + Shift + B | Cmd + Shift + B |

## Source code

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