En laravel 9 con Inertiajs/vuejs 3, necesito agregar una tabla en el editor vueup/vue-quill y mirar este artículo https://vueup.github.io/vue-quill/guide/modules.html#example
Agregar soporte de QuillBetterTable en mi aplicación:
<quill-editor :options="editorOptions" :modules="modules" theme="snow" :disabled="false" v-model:content="descriptionFormEditor.description" text-change="textChangeDescription" editorChange="editorChangeDescription" contentType="html" @blur="onEditorBlur($event)" @focus="onEditorFocus($event)" @ready="onEditorReady($event)" @textChange="onTextChange($event)" >{{ descriptionFormEditor.description }} </quill-editor> ... import { QuillEditor } from '@vueup/vue-quill' import '@vueup/vue-quill/dist/vue-quill.snow.css'; import QuillBetterTable from 'quill-better-table' // https://github.com/soccerloway/quill-better-table ... let editorOptions = ref( [['better-table', 'bold', 'italic'], ['link', 'image']] ) let modules = ref({ table: false, // disable table module 'better-table': { operationMenu: { items: { unmergeCells: { text: 'Another unmerge cells name' } }, color: { colors: ['#fff', 'red', 'rgb(0, 0, 0)'], // colors in operationMenu text: 'Background Colors' // subtitle } } }, keyboard: { bindings: QuillBetterTable.keyboardBindings } } ) ... ... return editorOptions, modules, ...Pero obtuve el siguiente error: https://prnt.sc/EIKGal7poJyT
¿Alguna pista de qué es y cómo se puede solucionar?
¡Gracias!