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

add strike commands

Browse Source
This commit is contained in:
Philipp Kühn
2020-11-17 21:50:40 +01:00
parent f24e8f7ee9
commit 3ea2711aef
5 changed files with 18 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
docs/src/demos/Examples/Basic/index.vue
View File

@@ -7,7 +7,7 @@
<button @click="editor.chain().focus().toggleItalic().run()" :class="{ 'is-active': editor.isActive('italic') }"> <button @click="editor.chain().focus().toggleItalic().run()" :class="{ 'is-active': editor.isActive('italic') }">
italic italic
</button> </button>
<button @click="editor.chain().focus().strike().run()" :class="{ 'is-active': editor.isActive('strike') }"> <button @click="editor.chain().focus().toggleStrike().run()" :class="{ 'is-active': editor.isActive('strike') }">
strike strike
</button> </button>
<button @click="editor.chain().focus().code().run()" :class="{ 'is-active': editor.isActive('code') }"> <button @click="editor.chain().focus().code().run()" :class="{ 'is-active': editor.isActive('code') }">

2
docs/src/demos/Examples/CollaborativeEditing/index.vue
View File

@@ -7,7 +7,7 @@
<button @click="editor.chain().focus().toggleItalic().run()" :class="{ 'is-active': editor.isActive('italic') }"> <button @click="editor.chain().focus().toggleItalic().run()" :class="{ 'is-active': editor.isActive('italic') }">
italic italic
</button> </button>
<button @click="editor.chain().focus().strike().run()" :class="{ 'is-active': editor.isActive('strike') }"> <button @click="editor.chain().focus().toggleStrike().run()" :class="{ 'is-active': editor.isActive('strike') }">
strike strike
</button> </button>
<button @click="editor.chain().focus().code().run()" :class="{ 'is-active': editor.isActive('code') }"> <button @click="editor.chain().focus().code().run()" :class="{ 'is-active': editor.isActive('code') }">

2
docs/src/demos/Examples/CollaborativeEditingWs/index.vue
View File

@@ -7,7 +7,7 @@
<button @click="editor.chain().focus().toggleItalic().run()" :class="{ 'is-active': editor.isActive('italic') }"> <button @click="editor.chain().focus().toggleItalic().run()" :class="{ 'is-active': editor.isActive('italic') }">
italic italic
</button> </button>
<button @click="editor.chain().focus().strike().run()" :class="{ 'is-active': editor.isActive('strike') }"> <button @click="editor.chain().focus().toggleStrike().run()" :class="{ 'is-active': editor.isActive('strike') }">
strike strike
</button> </button>
<button @click="editor.chain().focus().code().run()" :class="{ 'is-active': editor.isActive('code') }"> <button @click="editor.chain().focus().code().run()" :class="{ 'is-active': editor.isActive('code') }">

2
docs/src/demos/Marks/Strike/index.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<div v-if="editor"> <div v-if="editor">
<button @click="editor.chain().focus().strike().run()" :class="{ 'is-active': editor.isActive('strike') }"> <button @click="editor.chain().focus().toggleStrike().run()" :class="{ 'is-active': editor.isActive('strike') }">
strike strike
</button> </button>

16
packages/extension-strike/src/index.ts
View File

@@ -44,18 +44,30 @@ const Strike = Mark.create({
addCommands() { addCommands() {
return { return {
/**
* Set a strike mark
*/
setStrike: (): Command => ({ commands }) => {
return commands.addMark('strike')
},
/** /**
* Toggle a strike mark * Toggle a strike mark
*/ */
strike: (): Command => ({ commands }) => { toggleStrike: (): Command => ({ commands }) => {
return commands.toggleMark('strike') return commands.toggleMark('strike')
}, },
/**
* Set a strike mark
*/
unsetStrike: (): Command => ({ commands }) => {
return commands.addMark('strike')
},
} }
}, },
addKeyboardShortcuts() { addKeyboardShortcuts() {
return { return {
'Mod-d': () => this.editor.commands.strike(), 'Mod-d': () => this.editor.commands.toggleStrike(),
} }
}, },