Merge branch 'main' of github.com:ueberdosis/tiptap-next into main
This commit is contained in:
@@ -9,7 +9,7 @@ The editor provides a ton of commands to programmtically add or change content o
|
||||
All available commands are accessible through an editor instance. Let’s say you want to make text bold when a user clicks on a button. That’s how that would look like:
|
||||
|
||||
```js
|
||||
editor.bold()
|
||||
editor.commands.bold()
|
||||
```
|
||||
|
||||
While that’s perfectly fine and does make the selected bold, you’d likely want to change multiple commands in one run. Let’s have a look at how that works.
|
||||
|
||||
@@ -104,7 +104,7 @@ const CustomBulletList = BulletList.extend({
|
||||
addKeyboardShortcuts() {
|
||||
return {
|
||||
// ↓ your new keyboard shortcut
|
||||
'Mod-l': () => this.editor.bulletList(),
|
||||
'Mod-l': () => this.editor.commands.bulletList(),
|
||||
}
|
||||
},
|
||||
})
|
||||
|
||||
@@ -25,7 +25,7 @@ import BulletList from '@tiptap/extension-bullet-list'
|
||||
const CustomBulletList = BulletList.extend({
|
||||
addKeyboardShortcuts() {
|
||||
return {
|
||||
'Mod-l': () => this.editor.bulletList(),
|
||||
'Mod-l': () => this.editor.commands.bulletList(),
|
||||
}
|
||||
},
|
||||
})
|
||||
@@ -296,7 +296,7 @@ import BulletList from '@tiptap/extension-bullet-list'
|
||||
const CustomBulletList = BulletList.extend({
|
||||
addKeyboardShortcuts() {
|
||||
return {
|
||||
'Mod-l': () => this.editor.bulletList(),
|
||||
'Mod-l': () => this.editor.commands.bulletList(),
|
||||
}
|
||||
},
|
||||
})
|
||||
|
||||
@@ -10,7 +10,7 @@ Let’s start to add your first button to the editor. Once initiated the editor
|
||||
|
||||
<demo name="SimpleMenuBar" highlight="5-11" />
|
||||
|
||||
To mark selected text bold we can use `this.editor.bold`. There a ton of other commands and you can even chain them to do multiple things at once.
|
||||
To mark selected text bold we can use `editor.commands.bold()`. There a ton of other commands and you can even chain them to do multiple things at once.
|
||||
|
||||
You might wonder what features tiptap supports out of the box. In the above example we added the `@tiptap/starter-kit`. That already includes support for paragraphs, text, bold, italic, inline code and code blocks. There are a lot more, but you have to explicitly import them. You will learn how that works in the next example.
|
||||
|
||||
|
||||
@@ -73,7 +73,7 @@ new Editor({
|
||||
|
||||
Or if you want to restore the content later (e. g. after an API call has finished), you can do that too:
|
||||
```js
|
||||
editor.setContent(`<p>Example Text</p>`)
|
||||
editor.commands.setContent(`<p>Example Text</p>`)
|
||||
```
|
||||
|
||||
## Not an option: Markdown
|
||||
|
||||
Reference in New Issue
Block a user