tiptap/docs/src/docPages/api/nodes/document.md

# Document
[![Version](https://img.shields.io/npm/v/@tiptap/extension-document.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-document)
[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-document.svg)](https://npmcharts.com/compare/@tiptap/extension-document?minimal=true)

**The `Document` extension is required**, no matter what you build with tiptap. It’s a so called “topNode”, a node that’s the home to all other nodes. Think of it like the `<body>` tag for your document.

The node is very tiny though. It defines a name of the node (`document`), is configured to be a top node (`topNode: true`) and that it can contain multiple other nodes (`block`). That’s all. But have a look yourself:

:::warning Breaking Change from 1.x → 2.x
tiptap 1 tried to hide that node from you, but it has always been there. You have to explicitly import it from now on (or use `defaultExtensions()`).
:::

## Installation
```bash
# with npm
npm install @tiptap/extension-document

# with Yarn
yarn add @tiptap/extension-document
```

## Source code
[packages/extension-document/](https://github.com/ueberdosis/tiptap-next/blob/main/packages/extension-document/)

## Usage
<demo name="Nodes/Document" highlight="10,28" />
-												write about the Document extension

											
										
										
											2020-09-09 21:58:06 +08:00
+								# Document
-												docs: add badges to all extensions

											
										
										
											2021-01-25 17:35:52 +08:00
+								[![Version](https://img.shields.io/npm/v/@tiptap/extension-document.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-document)
 								[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-document.svg)](https://npmcharts.com/compare/@tiptap/extension-document?minimal=true)
-												write about the Document extension

											
										
										
											2020-09-09 21:58:06 +08:00
+								**The `Document` extension is required**, no matter what you build with tiptap. It’s a so called “topNode”, a node that’s the home to all other nodes. Think of it like the `<body>` tag for your document.
 								The node is very tiny though. It defines a name of the node (`document`), is configured to be a top node (`topNode: true`) and that it can contain multiple other nodes (`block`). That’s all. But have a look yourself:
 								:::warning Breaking Change from 1.x → 2.x
-												fix document doc

											
										
										
											2021-03-30 17:39:07 +08:00
+								tiptap 1 tried to hide that node from you, but it has always been there. You have to explicitly import it from now on (or use `defaultExtensions()`).
-												write about the Document extension

											
										
										
											2020-09-09 21:58:06 +08:00
+								:::
-												add installation instructions to all extensions

											
										
										
											2020-09-23 15:52:04 +08:00
+								## Installation
 								```bash
-												update content

											
										
										
											2020-10-30 21:24:16 +08:00
+								# with npm
-												add installation instructions to all extensions

											
										
										
											2020-09-23 15:52:04 +08:00
+								npm install @tiptap/extension-document
-												update content

											
										
										
											2020-10-30 21:24:16 +08:00
+								# with Yarn
-												add installation instructions to all extensions

											
										
										
											2020-09-23 15:52:04 +08:00
+								yarn add @tiptap/extension-document
 								```
-												minor improvements

											
										
										
											2020-09-21 22:59:28 +08:00
+								## Source code
-												write about the Document extension

											
										
										
											2020-09-09 21:58:06 +08:00
+								[packages/extension-document/](https://github.com/ueberdosis/tiptap-next/blob/main/packages/extension-document/)
 								## Usage
-												move everything around, add more content and a first test for images

											
										
										
											2020-11-03 23:43:35 +08:00
+								<demo name="Nodes/Document" highlight="10,28" />