Блог

Использование vue-ckeditor5. Простой вызов

 <ckeditor type="classic" v-model="details"></ckeditor>
 

Импортируйте необходимые модули

 import Vue from 'vue'
import ClassicEditor from '@ckeditor/ckeditor5-build-classic'
import VueCkeditor from 'vue-ckeditor5'
const options = {
  editors: {
    classic: ClassicEditor,
  },
  name: 'ckeditor'
}

Vue.use(VueCkeditor.plugin, options);
 

Установите мои данные для привязки

 details: "These are details",
 

Когда я открываю страницу, я получаю страницу с отображением редактора. Но данные не отображаются.
Ошибка, которую я получаю, это:

Ошибка типа: Не удается преобразовать неопределенное или нулевое значение в объект в функции.ключи () в VueComponent.setEventListeners (webpack-внутренний:///./node_modules/vue-ckeditor5/dist/vue-ckeditor5.js:1) в eval (webpack-внутренний:///./node_modules/vue-ckeditor5/dist/vue-ckeditor5.js:1)

Проблема, похоже, в методе setEventListener

 setEventListeners: function() {
                    var e = this
                      , t = this.instance;
                    if (null != t) {
                        t.model.document.on("change:data", (function() {
                            var n = t.getData();
                            if (e.value !== n) {
                                e.emptyValueProvided amp;amp; e.isEmpty amp;amp; (n = e.emptyValue);
                                for (var r = arguments.length, o = new Array(r), i = 0; i < r; i  )
                                    o[i] = arguments[i];
                                e.$emit.apply(e, ["input", n, t].concat(o))
                            }
                        }
                        ));
                        for (var n = t.editing.view.document, r = n._events, o = function() {
                            var r = u[i];
                            n.on(r, (function() {
                                for (var n = arguments.length, o = new Array(n), i = 0; i < n; i  )
                                    o[i] = arguments[i];
                                e.$emit.apply(e, [r, t].concat(o))
                            }
                            ))
                        }, i = 0, u = Object.keys(r); i < u.length; i  )
                            o()
                    }
                }
 

Не уверен, почему ошибка и почему «Это детали» не отображаются