add highlight option for demos

This commit is contained in:
Philipp Kühn
2020-08-12 09:37:15 +02:00
parent 6d1a333171
commit eeac0fce37
8 changed files with 76 additions and 15 deletions

View File

@@ -7,12 +7,10 @@
<script>
import { Editor } from '@tiptap/core'
import { EditorContent, Renderer } from '@tiptap/vue'
// <- Highlight --> //
import Document from '@tiptap/extension-document'
import Paragraph from '@tiptap/extension-paragraph'
import Text from '@tiptap/extension-text'
import Bold from '@tiptap/extension-bold'
// <- /Highlight --> //
export default {
components: {
@@ -29,12 +27,10 @@ export default {
this.editor = new Editor({
content: '<p>Im running tiptap with Vue.js. This demo is interactive, try to edit the text.</p>',
extensions: [
// <- Highlight --> //
new Document(),
new Paragraph(),
new Text(),
new Bold(),
// <- /Highlight --> //
],
renderer: Renderer,
})

View File

@@ -2,7 +2,6 @@
<div class="editor">
<div class="menubar" v-if="editor">
<!-- Highlight -->
<button
class="menubar__button"
:class="{ 'is-active': editor.isActive('bold') }"
@@ -10,7 +9,6 @@
>
Bold
</button>
<!-- /Highlight -->
</div>