mirror/tiptap
1
0
Fork 0
mirror of https://github.com/ueberdosis/tiptap.git synced 2025-01-18 06:03:22 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

add underline commands

Browse Source
This commit is contained in:
Philipp Kühn 2020-11-17 21:52:16 +01:00
parent 3ea2711aef
commit 8195cbd91d
2 changed files with 18 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

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

19
packages/extension-underline/src/index.ts
View File

@ -30,15 +30,30 @@ const Underline = Mark.create({
addCommands() {
return {
underline: (): Command => ({ commands }) => {
/**
* Set a underline mark
*/
setUnderline: (): Command => ({ commands }) => {
return commands.addMark('underline')
},
/**
* Toggle a underline mark
*/
toggleUnderline: (): Command => ({ commands }) => {
return commands.toggleMark('underline')
},
/**
* Set a underline mark
*/
unsetUnderline: (): Command => ({ commands }) => {
return commands.addMark('underline')
},
}
},
addKeyboardShortcuts() {
return {
'Mod-u': () => this.editor.commands.underline(),
'Mod-u': () => this.editor.commands.toggleUnderline(),
}
},
})