tiptap-vuetify добавить кнопки на панель инструментов - PullRequest
Новая
       41

tiptap-vuetify добавить кнопки на панель инструментов

0 голосов
/ 25 февраля 2020

я использую tiptap-vuetify редактор и пытаюсь добавить таблицы как собственное расширение .

Я добавляю собственное расширение, как описано в readme из проект: 

...

<tiptap-vuetify v-model="content" :extensions="extensions" :native-extensions="nativeExtensions">
</tiptap-vuetify>     

....

nativeExtensions: [
            new Table(),
            new TableCell(),
            new TableHeader(),
            new TableRow(),
        ],

На данный момент я знаю, что кнопки не добавляются автоматически на панель инструментов, но я не понимаю, как я могу добавить их вручную. Пример кода из readme не работает для меня: 

<code><tiptap-vuetify
  v-model="content"
  :extensions="extensions"
  :toolbar-attributes="{ color: 'yellow' }"
>
  <template #toolbar="{ buttons, commands, isActive }">
    <!--You can render the buttons as you wish (you can see in the source code how this is done).-->
    <pre>{{ buttons }}

Это приводит к ошибкам, поскольку commands и isActive никогда не используются. Я пытаюсь исправить это, добавив div с классом toolbar из пример таблицы , но это также не сработало.

Как я могу визуализировать кнопки из собственных расширений, включая все остальные стандартные кнопки из расширений?

Меня это интересует, потому что в будущем я хотел бы написать свои собственные расширения и распечатать кнопки на панели инструментов.

Спасибо за помощь!

...