add basic vue setup example

This commit is contained in:
Hans Pagel
2020-08-11 16:59:17 +02:00
parent 11e8b201d3
commit 8d0a734bf4
3 changed files with 49 additions and 3 deletions

View File

@@ -0,0 +1,33 @@
<template>
<editor-content :editor="editor" />
</template>
<script>
import { Editor } from '@tiptap/core'
import { EditorContent, Renderer } from '@tiptap/vue'
import extensions from '@tiptap/starter-kit'
export default {
components: {
EditorContent,
},
data() {
return {
editor: null,
}
},
mounted() {
this.editor = new Editor({
content: '<p>Im running tiptap with Vue.js. This demo is interactive, try to edit the text.</p>',
extensions: extensions(),
renderer: Renderer,
})
},
beforeDestroy() {
this.editor.destroy()
},
}
</script>

View File

@@ -0,0 +1,3 @@
.this-is-a-test {
color: black;
}