This commit is contained in:
Philipp Kühn 2020-03-30 11:15:17 +02:00
parent 14421a11fa
commit 8e43926091
3 changed files with 0 additions and 62 deletions

View File

@ -1,6 +0,0 @@
---
title: Handle Extensions
slug: complex
---
<demo name="Time" />

View File

@ -1,50 +0,0 @@
<template>
<div>
<div v-if="editor">
<button @click="editor.undo().focus()">
undo
</button>
<button @click="editor.redo().focus()">
redo
</button>
</div>
<editor-content :editor="editor" />
</div>
</template>
<script>
import { Editor } from '@tiptap/core'
import { EditorContent } from '@tiptap/vue'
import Document from '@tiptap/extension-document'
import Paragraph from '@tiptap/extension-paragraph'
import Text from '@tiptap/extension-text'
import History from '@tiptap/extension-history'
export default {
components: {
EditorContent,
},
data() {
return {
editor: null,
}
},
mounted() {
this.editor = new Editor({
content: '<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>',
extensions: [
new Document(),
new Paragraph(),
new Text(),
new History(),
],
})
},
beforeDestroy() {
this.editor.destroy()
},
}
</script>

View File

@ -1,6 +0,0 @@
div {
background-color: black;
border-radius: 5px;
color: white;
padding: 20px;
}