add extensions prop
This commit is contained in:
@@ -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(),
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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"
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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,
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user