docs(docs): 📝 add missing command docs
This commit is contained in:
Dominik Biedebach
@@ -1,5 +1,7 @@
|
||||
# createParagraphNear
|
||||
If a block node is currently selected, the `createParagraphNear` command creates an empty paragraph after the currently selected block node. If the selected block node is the first child of its parent, the new paragraph will be inserted before the current selection.
|
||||
|
||||
:::warning
|
||||
Oops, we didn’t find time to fill this page. Writing documentation needs attention to detail, a great understanding of the project and time to write. Though Tiptap is used by thousands of developers all around the world, it’s still a side project for us. Let’s change that and make open source our full-time job! [Become a sponsor!](https://github.com/sponsors/ueberdosis)
|
||||
:::
|
||||
## Usage
|
||||
```js
|
||||
editor.commands.createParagraphNear()
|
||||
```
|
||||
|
||||
@@ -1,5 +1,16 @@
|
||||
# deleteNode
|
||||
The `deleteNode` command deletes a node inside the current selection. It requires a `typeOrName` argument, which can be a string or a `NodeType` to find the node that needs to be deleted. After deleting the node, the view will automatically scroll to the cursors position.
|
||||
|
||||
:::warning
|
||||
Oops, we didn’t find time to fill this page. Writing documentation needs attention to detail, a great understanding of the project and time to write. Though Tiptap is used by thousands of developers all around the world, it’s still a side project for us. Let’s change that and make open source our full-time job! [Become a sponsor!](https://github.com/sponsors/ueberdosis)
|
||||
:::
|
||||
## Parameters
|
||||
`typeOrName: string | NodeType`
|
||||
|
||||
## Usage
|
||||
```js
|
||||
// deletes a paragraph node
|
||||
editor.commands.deleteNode('paragraph')
|
||||
|
||||
// or
|
||||
|
||||
// deletes a custom node
|
||||
editor.commands.deleteNode(MyCustomNode)
|
||||
```
|
||||
|
||||
@@ -1,5 +1,10 @@
|
||||
# deleteRange
|
||||
The `deleteRange` command deletes everything in a given range. It requires a `range` attribute of type `Range`.
|
||||
|
||||
:::warning
|
||||
Oops, we didn’t find time to fill this page. Writing documentation needs attention to detail, a great understanding of the project and time to write. Though Tiptap is used by thousands of developers all around the world, it’s still a side project for us. Let’s change that and make open source our full-time job! [Become a sponsor!](https://github.com/sponsors/ueberdosis)
|
||||
:::
|
||||
## Parameters
|
||||
`range: Range`
|
||||
|
||||
## Usage
|
||||
```js
|
||||
editor.commands.deleteRange({ from: 0, to: 12 })
|
||||
```
|
||||
|
||||
@@ -1,5 +1,7 @@
|
||||
# deleteSelection
|
||||
The `deleteSelection` command deletes the currently selected nodes. If no selection exists, nothing will be deleted.
|
||||
|
||||
:::warning
|
||||
Oops, we didn’t find time to fill this page. Writing documentation needs attention to detail, a great understanding of the project and time to write. Though Tiptap is used by thousands of developers all around the world, it’s still a side project for us. Let’s change that and make open source our full-time job! [Become a sponsor!](https://github.com/sponsors/ueberdosis)
|
||||
:::
|
||||
## Usage
|
||||
```js
|
||||
editor.commands.deleteSelection()
|
||||
```
|
||||
|
||||
@@ -1,5 +1,7 @@
|
||||
# enter
|
||||
The `enter` command triggers an enter programmatically.
|
||||
|
||||
:::warning
|
||||
Oops, we didn’t find time to fill this page. Writing documentation needs attention to detail, a great understanding of the project and time to write. Though Tiptap is used by thousands of developers all around the world, it’s still a side project for us. Let’s change that and make open source our full-time job! [Become a sponsor!](https://github.com/sponsors/ueberdosis)
|
||||
:::
|
||||
## Usage
|
||||
```js
|
||||
editor.commands.enter()
|
||||
```
|
||||
|
||||
@@ -1,5 +1,7 @@
|
||||
# exitCode
|
||||
The `exitCode` command will create a default block after the current selection if the selection is a `code` element and move the cursor to the new block.
|
||||
|
||||
:::warning
|
||||
Oops, we didn’t find time to fill this page. Writing documentation needs attention to detail, a great understanding of the project and time to write. Though Tiptap is used by thousands of developers all around the world, it’s still a side project for us. Let’s change that and make open source our full-time job! [Become a sponsor!](https://github.com/sponsors/ueberdosis)
|
||||
:::
|
||||
## Usage
|
||||
```js
|
||||
editor.commands.exitCode()
|
||||
```
|
||||
|
||||
@@ -1,5 +1,26 @@
|
||||
# insertContentAt
|
||||
The `insertContentAt` will insert a string of html or a node at a given position or range. If a range is given, the new content will replace the content in the given range with the new content.
|
||||
|
||||
:::warning
|
||||
Oops, we didn’t find time to fill this page. Writing documentation needs attention to detail, a great understanding of the project and time to write. Though Tiptap is used by thousands of developers all around the world, it’s still a side project for us. Let’s change that and make open source our full-time job! [Become a sponsor!](https://github.com/sponsors/ueberdosis)
|
||||
:::
|
||||
## Parameters
|
||||
`position: number | Range`
|
||||
|
||||
The position or range the content will be inserted in.
|
||||
|
||||
`value: Content`
|
||||
|
||||
The content to be inserted. Can be a string of HTML or a node.
|
||||
|
||||
`options: Record<string, any>`
|
||||
|
||||
* updateSelection: controls if the selection should be moved to the newly inserted content.
|
||||
* parseOptions: Passed content is parsed by ProseMirror. To hook into the parsing, you can pass `parseOptions` which are then handled by [ProseMirror](https://prosemirror.net/docs/ref/#model.ParseOptions).
|
||||
|
||||
## Usage
|
||||
```js
|
||||
editor.commands.insertContentAt(12, '<p>Hello world</p>', {
|
||||
updateSelection: true,
|
||||
parseOptions: {
|
||||
preserveWhitespace: 'full',
|
||||
}
|
||||
})
|
||||
```
|
||||
|
||||
@@ -1,5 +1,7 @@
|
||||
# joinBackward
|
||||
The `joinBackward` command joins two nodes backwards from the current selection. If the selection is empty and at the start of a textblock, `joinBackward` will try to reduce the distance between that block and the block before it. [See also](https://prosemirror.net/docs/ref/#commands.joinBackward)
|
||||
|
||||
:::warning
|
||||
Oops, we didn’t find time to fill this page. Writing documentation needs attention to detail, a great understanding of the project and time to write. Though Tiptap is used by thousands of developers all around the world, it’s still a side project for us. Let’s change that and make open source our full-time job! [Become a sponsor!](https://github.com/sponsors/ueberdosis)
|
||||
:::
|
||||
## Usage
|
||||
```js
|
||||
editor.commands.joinBackward()
|
||||
```
|
||||
|
||||
@@ -1,7 +1,8 @@
|
||||
# joinForward
|
||||
The `joinForward` command joins two nodes forwards from the current selection. If the selection is empty and at the end of a textblock, `joinForward` will try to reduce the distance between that block and the block after it. [See also](https://prosemirror.net/docs/ref/#commands.joinForward)
|
||||
|
||||
:::warning
|
||||
Oops, we didn’t find time to fill this page. Writing documentation needs attention to detail, a great understanding of the project and time to write. Though Tiptap is used by thousands of developers all around the world, it’s still a side project for us. Let’s change that and make open source our full-time job! [Become a sponsor!](https://github.com/sponsors/ueberdosis)
|
||||
:::
|
||||
## Usage
|
||||
```js
|
||||
editor.commands.joinForward()
|
||||
```
|
||||
|
||||
https://prosemirror.net/docs/ref/#commands.joinForward
|
||||
|
||||
@@ -1,5 +1,12 @@
|
||||
# keyboardShortcut
|
||||
The `keyboardShortcut` command will try to trigger a ShortcutEvent with a given name.
|
||||
|
||||
:::warning
|
||||
Oops, we didn’t find time to fill this page. Writing documentation needs attention to detail, a great understanding of the project and time to write. Though Tiptap is used by thousands of developers all around the world, it’s still a side project for us. Let’s change that and make open source our full-time job! [Become a sponsor!](https://github.com/sponsors/ueberdosis)
|
||||
:::
|
||||
## Parameters
|
||||
`name: String`
|
||||
|
||||
The name of the shortcut to trigger.
|
||||
|
||||
## Usage
|
||||
```js
|
||||
editor.commands.keyboardShortcut('undo')
|
||||
```
|
||||
|
||||
@@ -1,5 +1,7 @@
|
||||
# liftEmptyBlock
|
||||
If the currently selected block is an empty textblock, lift it if possible. **Lifting** means, that the block will be moved to the parent of the block it is currently in.
|
||||
|
||||
:::warning
|
||||
Oops, we didn’t find time to fill this page. Writing documentation needs attention to detail, a great understanding of the project and time to write. Though Tiptap is used by thousands of developers all around the world, it’s still a side project for us. Let’s change that and make open source our full-time job! [Become a sponsor!](https://github.com/sponsors/ueberdosis)
|
||||
:::
|
||||
## Usage
|
||||
```js
|
||||
editor.commands.liftEmptyBlock()
|
||||
```
|
||||
|
||||
@@ -1,5 +1,7 @@
|
||||
# liftListItem
|
||||
The `liftListItem` will try to lift the list item around the current selection up into a wrapping parent list.
|
||||
|
||||
:::warning
|
||||
Oops, we didn’t find time to fill this page. Writing documentation needs attention to detail, a great understanding of the project and time to write. Though Tiptap is used by thousands of developers all around the world, it’s still a side project for us. Let’s change that and make open source our full-time job! [Become a sponsor!](https://github.com/sponsors/ueberdosis)
|
||||
:::
|
||||
## Usage
|
||||
```js
|
||||
editor.commands.liftListItem()
|
||||
```
|
||||
|
||||
@@ -1,5 +1,20 @@
|
||||
# lift
|
||||
The `lift` command lifts a given node up into it's parent node. **Lifting** means, that the block will be moved to the parent of the block it is currently in.
|
||||
|
||||
:::warning
|
||||
Oops, we didn’t find time to fill this page. Writing documentation needs attention to detail, a great understanding of the project and time to write. Though Tiptap is used by thousands of developers all around the world, it’s still a side project for us. Let’s change that and make open source our full-time job! [Become a sponsor!](https://github.com/sponsors/ueberdosis)
|
||||
:::
|
||||
## Parameters
|
||||
`typeOrName: String | NodeType`
|
||||
|
||||
The node that should be lifted. If the node is not found in the current selection, ignore the command.
|
||||
|
||||
`attributes: Record<string, any>`
|
||||
|
||||
The attributes the node should have to be lifted. This is **optional**.
|
||||
|
||||
## Usage
|
||||
```js
|
||||
// lift any headline
|
||||
editor.commands.lift('headline')
|
||||
|
||||
// lift only h2
|
||||
editor.commands.lift('headline', { level: 2 })
|
||||
```
|
||||
|
||||
@@ -1,5 +1,7 @@
|
||||
# newlineInCode
|
||||
`newlineInCode` inserts a new line in the current code block. If a selection is set, the selection will be replaced with a newline character.
|
||||
|
||||
:::warning
|
||||
Oops, we didn’t find time to fill this page. Writing documentation needs attention to detail, a great understanding of the project and time to write. Though Tiptap is used by thousands of developers all around the world, it’s still a side project for us. Let’s change that and make open source our full-time job! [Become a sponsor!](https://github.com/sponsors/ueberdosis)
|
||||
:::
|
||||
## Usage
|
||||
```js
|
||||
editor.commands.newlineInCode()
|
||||
```
|
||||
|
||||
@@ -1,5 +1,17 @@
|
||||
# resetAttributes
|
||||
`resetAttributes` resets some of the nodes attributes back to it's default attributes.
|
||||
|
||||
:::warning
|
||||
Oops, we didn’t find time to fill this page. Writing documentation needs attention to detail, a great understanding of the project and time to write. Though Tiptap is used by thousands of developers all around the world, it’s still a side project for us. Let’s change that and make open source our full-time job! [Become a sponsor!](https://github.com/sponsors/ueberdosis)
|
||||
:::
|
||||
## Parameters
|
||||
`typeOrName: string | Node`
|
||||
|
||||
The node that should be resetted. Can be a string or a Node.
|
||||
|
||||
`attributes: string | string[]`
|
||||
|
||||
A string or an array of strings that defines which attributes should be reset.
|
||||
|
||||
## Usage
|
||||
```js
|
||||
// reset the style and class attributes on the currently selected paragraph nodes
|
||||
editor.commands.resetAttributes('paragraph', ['style', 'class'])
|
||||
```
|
||||
|
||||
@@ -1,5 +1,7 @@
|
||||
# scrollIntoView
|
||||
`scrollIntoView` scrolls the view to the current selection or cursor position.
|
||||
|
||||
:::warning
|
||||
Oops, we didn’t find time to fill this page. Writing documentation needs attention to detail, a great understanding of the project and time to write. Though Tiptap is used by thousands of developers all around the world, it’s still a side project for us. Let’s change that and make open source our full-time job! [Become a sponsor!](https://github.com/sponsors/ueberdosis)
|
||||
:::
|
||||
## Usage
|
||||
```js
|
||||
editor.commands.scrollIntoView()
|
||||
```
|
||||
|
||||
@@ -1,5 +1,7 @@
|
||||
# selectNodeBackward
|
||||
If the selection is empty and at the start of a textblock, `selectNodeBackward` will select the node before the current textblock if possible.
|
||||
|
||||
:::warning
|
||||
Oops, we didn’t find time to fill this page. Writing documentation needs attention to detail, a great understanding of the project and time to write. Though Tiptap is used by thousands of developers all around the world, it’s still a side project for us. Let’s change that and make open source our full-time job! [Become a sponsor!](https://github.com/sponsors/ueberdosis)
|
||||
:::
|
||||
## Usage
|
||||
```js
|
||||
editor.commands.selectNodeBackward()
|
||||
```
|
||||
|
||||
@@ -1,5 +1,7 @@
|
||||
# selectNodeForward
|
||||
If the selection is empty and at the end of a textblock, `selectNodeForward` will select the node after the current textblock if possible.
|
||||
|
||||
:::warning
|
||||
Oops, we didn’t find time to fill this page. Writing documentation needs attention to detail, a great understanding of the project and time to write. Though Tiptap is used by thousands of developers all around the world, it’s still a side project for us. Let’s change that and make open source our full-time job! [Become a sponsor!](https://github.com/sponsors/ueberdosis)
|
||||
:::
|
||||
## Usage
|
||||
```js
|
||||
editor.commands.selectNodeForward()
|
||||
```
|
||||
|
||||
@@ -1,5 +1,7 @@
|
||||
# selectParentNode
|
||||
`selectParentNode` will try to get the parent node of the currently selected node and move the selection to that node.
|
||||
|
||||
:::warning
|
||||
Oops, we didn’t find time to fill this page. Writing documentation needs attention to detail, a great understanding of the project and time to write. Though Tiptap is used by thousands of developers all around the world, it’s still a side project for us. Let’s change that and make open source our full-time job! [Become a sponsor!](https://github.com/sponsors/ueberdosis)
|
||||
:::
|
||||
## Usage
|
||||
```js
|
||||
editor.commands.selectParentNode()
|
||||
```
|
||||
|
||||
@@ -1,5 +1,7 @@
|
||||
# selectTextblockEnd
|
||||
The `selectTextblockEnd` will move the cursor to the end of the current textblock if the block is a valid textblock.
|
||||
|
||||
:::warning
|
||||
Oops, we didn’t find time to fill this page. Writing documentation needs attention to detail, a great understanding of the project and time to write. Though Tiptap is used by thousands of developers all around the world, it’s still a side project for us. Let’s change that and make open source our full-time job! [Become a sponsor!](https://github.com/sponsors/ueberdosis)
|
||||
:::
|
||||
## Usage
|
||||
```js
|
||||
editor.commands.selectTextblockEnd()
|
||||
```
|
||||
|
||||
@@ -1,5 +1,7 @@
|
||||
# selectTextblockStart
|
||||
The `selectTextblockStart` will move the cursor to the start of the current textblock if the block is a valid textblock.
|
||||
|
||||
:::warning
|
||||
Oops, we didn’t find time to fill this page. Writing documentation needs attention to detail, a great understanding of the project and time to write. Though Tiptap is used by thousands of developers all around the world, it’s still a side project for us. Let’s change that and make open source our full-time job! [Become a sponsor!](https://github.com/sponsors/ueberdosis)
|
||||
:::
|
||||
## Usage
|
||||
```js
|
||||
editor.commands.selectTextblockStart()
|
||||
```
|
||||
|
||||
@@ -1,5 +1,17 @@
|
||||
# setMark
|
||||
The `setMark` command will add a new mark at the current selection.
|
||||
|
||||
:::warning
|
||||
Oops, we didn’t find time to fill this page. Writing documentation needs attention to detail, a great understanding of the project and time to write. Though Tiptap is used by thousands of developers all around the world, it’s still a side project for us. Let’s change that and make open source our full-time job! [Become a sponsor!](https://github.com/sponsors/ueberdosis)
|
||||
:::
|
||||
## Parameters
|
||||
|
||||
`typeOrName: string | MarkType`
|
||||
|
||||
The type of a mark to add. Can be a string or a MarkType.
|
||||
|
||||
`attributes: Record<string, any>`
|
||||
|
||||
The attributes that should be applied to the mark. **This is optional.**
|
||||
|
||||
## Usage
|
||||
```js
|
||||
editor.commands.setMark("bold", { class: 'bold-tag' })
|
||||
```
|
||||
|
||||
@@ -1,5 +1,12 @@
|
||||
# setNodeSelection
|
||||
`setNodeSelection` creates a new NodeSelection at a given position. A node selection is a selection that points to a single node. [See more](https://prosemirror.net/docs/ref/#state.NodeSelection)
|
||||
|
||||
:::warning
|
||||
Oops, we didn’t find time to fill this page. Writing documentation needs attention to detail, a great understanding of the project and time to write. Though Tiptap is used by thousands of developers all around the world, it’s still a side project for us. Let’s change that and make open source our full-time job! [Become a sponsor!](https://github.com/sponsors/ueberdosis)
|
||||
:::
|
||||
## Parameters
|
||||
`position: number`
|
||||
|
||||
The position the NodeSelection will be created at.
|
||||
|
||||
## Usage
|
||||
```js
|
||||
editor.commands.setNodeSelection(10)
|
||||
```
|
||||
|
||||
@@ -1,5 +1,17 @@
|
||||
# setNode
|
||||
The `setNode` command will replace a given range with a given node. The range depends on the current selection. **Important**: Currently `setNode` only supports text block nodes.
|
||||
|
||||
:::warning
|
||||
Oops, we didn’t find time to fill this page. Writing documentation needs attention to detail, a great understanding of the project and time to write. Though Tiptap is used by thousands of developers all around the world, it’s still a side project for us. Let’s change that and make open source our full-time job! [Become a sponsor!](https://github.com/sponsors/ueberdosis)
|
||||
:::
|
||||
## Parameters
|
||||
|
||||
`typeOrName: string | NodeType`
|
||||
|
||||
The type of the node that will replace the range. Can be a string or a NodeType.
|
||||
|
||||
`attributes?: Record<string, any>`
|
||||
|
||||
The attributes that should be applied to the node. **This is optional.**
|
||||
|
||||
## Usage
|
||||
```js
|
||||
editor.commands.setNode("paragraph", { id: "paragraph-01" })
|
||||
```
|
||||
|
||||
@@ -158,22 +158,16 @@
|
||||
link: /api/commands/clear-nodes
|
||||
- title: createParagraphNear
|
||||
link: /api/commands/create-paragraph-near
|
||||
type: draft
|
||||
- title: deleteNode
|
||||
link: /api/commands/delete-node
|
||||
type: draft
|
||||
- title: deleteRange
|
||||
link: /api/commands/delete-range
|
||||
type: draft
|
||||
- title: deleteSelection
|
||||
link: /api/commands/delete-selection
|
||||
type: draft
|
||||
- title: enter
|
||||
link: /api/commands/enter
|
||||
type: draft
|
||||
- title: exitCode
|
||||
link: /api/commands/exit-code
|
||||
type: draft
|
||||
- title: extendMarkRange
|
||||
link: /api/commands/extend-mark-range
|
||||
- title: focus
|
||||
@@ -184,64 +178,46 @@
|
||||
link: /api/commands/insert-content
|
||||
- title: insertContentAt
|
||||
link: /api/commands/insert-content-at
|
||||
type: draft
|
||||
- title: joinBackward
|
||||
link: /api/commands/join-backward
|
||||
type: draft
|
||||
- title: joinForward
|
||||
link: /api/commands/join-forward
|
||||
type: draft
|
||||
- title: keyboardShortcut
|
||||
link: /api/commands/keyboard-shortcut
|
||||
type: draft
|
||||
- title: liftEmptyBlock
|
||||
link: /api/commands/lift-empty-block
|
||||
type: draft
|
||||
- title: liftListItem
|
||||
link: /api/commands/lift-list-item
|
||||
type: draft
|
||||
- title: lift
|
||||
link: /api/commands/lift
|
||||
type: draft
|
||||
- title: newlineInCode
|
||||
link: /api/commands/newline-in-code
|
||||
type: draft
|
||||
- title: resetAttributes
|
||||
link: /api/commands/reset-attributes
|
||||
type: draft
|
||||
- title: scrollIntoView
|
||||
link: /api/commands/scroll-into-view
|
||||
type: draft
|
||||
- title: selectAll
|
||||
link: /api/commands/select-all
|
||||
- title: selectNodeBackward
|
||||
link: /api/commands/select-node-backward
|
||||
type: draft
|
||||
- title: selectNodeForward
|
||||
link: /api/commands/select-node-forward
|
||||
type: draft
|
||||
- title: selectParentNode
|
||||
link: /api/commands/select-parent-node
|
||||
type: draft
|
||||
- title: selectTextblockEnd
|
||||
link: /api/commands/select-textblock-end
|
||||
type: draft
|
||||
- title: selectTextblockStart
|
||||
link: /api/commands/select-textblock-start
|
||||
type: draft
|
||||
- title: setContent
|
||||
link: /api/commands/set-content
|
||||
- title: setMark
|
||||
link: /api/commands/set-mark
|
||||
type: draft
|
||||
- title: setMeta
|
||||
link: /api/commands/set-meta
|
||||
- title: setNode
|
||||
link: /api/commands/set-node
|
||||
type: draft
|
||||
- title: setNodeSelection
|
||||
link: /api/commands/set-node-selection
|
||||
type: draft
|
||||
- title: setTextSelection
|
||||
link: /api/commands/set-text-selection
|
||||
- title: sinkListItem
|
||||
|
||||
Reference in New Issue
Block a user