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

Merge branch 'main' of github.com:ueberdosis/tiptap-next into main

Browse Source
This commit is contained in:
Hans Pagel
2020-11-18 17:33:51 +01:00
parent c824aa1678 1b45acd5d5
commit 790fcdf433
47 changed files with 273 additions and 259 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
docs/src/demos/Examples/Links/index.vue
View File

@@ -1,9 +1,9 @@
<template>
<div v-if="editor">
<button @click="addLink" :class="{ 'is-active': editor.isActive('link') }">
<button @click="setLink" :class="{ 'is-active': editor.isActive('link') }">
link
</button>
<button @click="editor.chain().focus().removeLink().run()" v-if="editor.isActive('link')">
<button @click="editor.chain().focus().unsetLink().run()" v-if="editor.isActive('link')">
remove
</button>
<editor-content :editor="editor" />
@@ -52,10 +52,10 @@ export default {
},
methods: {
addLink() {
setLink() {
const url = window.prompt('URL')
this.editor.chain().focus().addLink({ href: url }).run()
this.editor.chain().focus().setLink({ href: url }).run()
},
},

2
docs/src/demos/Extensions/TextAlign/index.vue
View File

@@ -12,7 +12,7 @@
<button @click="editor.chain().focus().setTextAlign('justify').run()">
justify
</button>
<button @click="editor.chain().focus().resetNodeAttributes(['textAlign']).run()">
<button @click="editor.chain().focus().unsetTextAlign().run()">
set default
</button>
<editor-content :editor="editor" />

8
docs/src/demos/Marks/Link/index.vue
View File

@@ -1,9 +1,9 @@
<template>
<div v-if="editor">
<button @click="addLink" :class="{ 'is-active': editor.isActive('link') }">
<button @click="setLink" :class="{ 'is-active': editor.isActive('link') }">
link
</button>
<button @click="editor.chain().focus().removeLink().run()" v-if="editor.isActive('link')">
<button @click="editor.chain().focus().unsetLink().run()" v-if="editor.isActive('link')">
remove
</button>
<editor-content :editor="editor" />
@@ -49,10 +49,10 @@ export default {
},
methods: {
addLink() {
setLink() {
const url = window.prompt('URL')
this.editor.chain().focus().addLink({ href: url }).run()
this.editor.chain().focus().setLink({ href: url }).run()
},
},

2
docs/src/docPages/api/commands.md
View File

@@ -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.commands.addBold()
editor.commands.setBold()
```
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.