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

docs: update nodes examples

Browse Source
This commit is contained in:
Hans Pagel
2021-10-19 21:18:32 +02:00
parent 4b1848917d
commit 71077f6d62
12 changed files with 84 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
demos/src/Nodes/ListItem/Vue/index.vue
View File

@@ -1,10 +1,19 @@
<template>
<div v-if="editor">
<button @click="editor.chain().focus().toggleBulletList().run()" :class="{ 'is-active': editor.isActive('bulletList') }">
bullet list
toggleBulletList
</button>
<button @click="editor.chain().focus().toggleOrderedList().run()" :class="{ 'is-active': editor.isActive('orderedList') }">
ordered list
toggleOrderedList
</button>
<button @click="editor.chain().focus().splitListItem('listItem').run()" :disabled="!editor.can().splitListItem('listItem')">
splitListItem
</button>
<button @click="editor.chain().focus().sinkListItem('listItem').run()" :disabled="!editor.can().sinkListItem('listItem')">
sinkListItem
</button>
<button @click="editor.chain().focus().liftListItem('listItem').run()" :disabled="!editor.can().liftListItem('listItem')">
liftListItem
</button>
<editor-content :editor="editor" />