Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

247
Vistas
I got error Cannot convert undefined or null to object adding QuillBetterTable into QuillEditor

In laravel 9 with Inertiajs/vuejs 3 I need to add table into vueup/vue-quill editor and looking at this article https://vueup.github.io/vue-quill/guide/modules.html#example

Adding QuillBetterTable support into my app:

<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,

    ...

But I got next error : https://prnt.sc/EIKGal7poJyT

Any hints what is it and how it can be fixed ?

Thanks!

about 4 years ago · Juan Pablo Isaza
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda