Попытка добавить TipTap WYSIWYG в Vue текстовую область формы - PullRequest
Новая
       24

Попытка добавить TipTap WYSIWYG в Vue текстовую область формы

0 голосов
/ 10 апреля 2020

Я пытаюсь добавить подсказку (https://github.com/scrumpy/tiptap) в поле текстовой области формы.

Я не могу заставить это работать. Я не получаю ошибок, но элемент формы не отображается.

Вот компонент: 

<template>
  ...

          <div class="field">
            <label>Body</label>
            <editor-content :editor="editor" />
          </div>

        ...
<script>
...
import { Editor, EditorContent } from 'tiptap'
...
  components: {
    Notification,
    EditorContent
  },
  data () {
    return {
      ...
      editor: null
    }
  },
  mounted() {
    this.editor = new Editor({
      content: '<textarea name="piece_body" v-model="piece_body" rows="20" placeholder="Start composing here..."></textarea>'
    })
  },
  beforeDestroy() {
    this.editor.destroy()
  },

</script

>

...