add extensions prop

This commit is contained in:
Philipp Kühn
2020-11-12 10:14:50 +01:00
parent dbefbb98fa
commit a2f83b78c1
3 changed files with 11 additions and 5 deletions

View File

@@ -1,6 +1,6 @@
<template> <template>
<div> <div>
<full-editor v-model="content" /> <full-editor v-model="content" :extensions="extensions" />
<div> <div>
{{ content }} {{ content }}
</div> </div>
@@ -9,6 +9,7 @@
<script> <script>
import { FullEditor } from '@tiptap/vue' import { FullEditor } from '@tiptap/vue'
import { defaultExtensions } from '@tiptap/starter-kit'
export default { export default {
components: { components: {
@@ -18,6 +19,7 @@ export default {
data() { data() {
return { return {
content: '<p>full editor</p>', content: '<p>full editor</p>',
extensions: defaultExtensions(),
} }
}, },
} }

View File

@@ -15,7 +15,6 @@
"vue": "2.x" "vue": "2.x"
}, },
"dependencies": { "dependencies": {
"prosemirror-view": "^1.16.1", "prosemirror-view": "^1.16.1"
"@tiptap/starter-kit": "1.x"
} }
} }

View File

@@ -6,7 +6,6 @@
<script> <script>
import { Editor } from '@tiptap/core' import { Editor } from '@tiptap/core'
import { defaultExtensions } from '@tiptap/starter-kit'
import EditorContent from './EditorContent.ts' import EditorContent from './EditorContent.ts'
export default { export default {
@@ -19,6 +18,12 @@ export default {
type: [String, Object], type: [String, Object],
default: '', default: '',
}, },
extensions: {
type: Array,
required: true,
default: () => [],
},
}, },
data() { data() {
@@ -29,7 +34,7 @@ export default {
mounted() { mounted() {
this.editor = new Editor({ this.editor = new Editor({
extensions: defaultExtensions(), extensions: this.extensions,
content: this.value, content: this.value,
}) })