TypeError: Cannot read properties of undefined (reading 'model') at Proxy.$_setUpEditorEvents

Question

I am trying to use CKEditor 5 with my Inertia Application in Laravel. But after following the documentation I am getting below error.

index.vue file

<template>
    <div id="app">
        <ckeditor :editor="editor" v-model="editorData" :config="editorConfig"></ckeditor>
    </div>
</template>

<script>
    import CKEditor from '@ckeditor/ckeditor5-vue';
    import ClassicEditor from '@ckeditor/ckeditor5-build-classic';

    export default {
        name: 'app',
        components: {
            ckeditor: CKEditor.component
        },
        data() {
            return {
                editor: ClassicEditor,
                editorData: '<p>Content of the editor.</p>',
                editorConfig: {
                    // The configuration of the editor.
                }
            };
        }
    }
</script>

score 3 · Accepted Answer · answered Feb 21 '22 at 11:32

3

try vue@3.2.30 if you using Vue 3

answered Feb 21 '22 at 11:32

O-Hooman

46
1

I notice that 3.2.31 breaks this, but why? – Travis Apr 15 '22 at 18:50
doesn't work in 3.2.30 now, any permanent solution – Kaustubh Bagwe Jan 23 '23 at 08:37

TypeError: Cannot read properties of undefined (reading 'model') at Proxy.$_setUpEditorEvents

1 Answers1

Linked