ianhitchman/tiptap
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

docs: Fix menu example in doc (#2089)

Browse Source
This commit is contained in:
Phoenix Gao
2021-10-26 22:23:48 +08:00
committed by GitHub
parent 9d6a3ba1aa
commit 2fff9c264b
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
docs/guide/menus.md
View File

@@ -35,7 +35,7 @@ Okay, you’ve got your menu. But how do you wire things up?
You’ve got the editor running already and want to add your first button. You need a `<button>` HTML tag with a click handler. Depending on your setup, that can look like the following example: You’ve got the editor running already and want to add your first button. You need a `<button>` HTML tag with a click handler. Depending on your setup, that can look like the following example:
```html ```html
<button onclick="editor.chain().toggleBold().focus().run()"> <button onclick="editor.chain().focus().toggleBold().run()">
Bold Bold
</button> </button>
``` ```
@@ -63,7 +63,7 @@ You have already seen the `focus()` command in the above example. When you click
The editor provides an `isActive()` method to check if something is applied to the selected text already. In Vue.js you can toggle a CSS class with help of that function like that: The editor provides an `isActive()` method to check if something is applied to the selected text already. In Vue.js you can toggle a CSS class with help of that function like that:
```html ```html
<button :class="{ 'is-active': editor.isActive('bold') }" @click="editor.chain().toggleBold().focus().run()"> <button :class="{ 'is-active': editor.isActive('bold') }" @click="editor.chain().focus().toggleBold().run()">
Bold Bold
</button> </button>
``` ```