CKEditorバージョン5 - - VueJS v1のクラシックのデータは

Question

を設定し得ていない私は、VueののV1のカスタムタイプがあります。

Vue.component('c_k_editor-fieldtype', { 
 

 
    mixins: [Fieldtype], 
 

 
    template: ` 
 
     <div> 
 
      <label class="block" style="font-weight:500">CKEditor</label> 
 
      <textarea class="form-control" id="foo" v-model="data"></textarea> 
 
     </div> 
 
    `, 
 

 
    data: function() { 
 
     return { 
 
      // 
 
     }; 
 
    }, 
 

 
    computed: { 
 
     // 
 
    }, 
 

 
    methods: { 
 
     // 
 
    }, 
 

 
    ready: function() { 
 
     ClassicEditor 
 
      .create(document.querySelector('#foo')); 
 
    } 
 
});

を私はフィールドに入力する際に​​は、適切にデータをロードしますが、 dataプロパティは更新されません（スクリーンショットを参照） Vue（V1）データを更新できるように、エディタのデータが変更されたときにトラップするようなイベントがありますか？

Answer 1

これは動作しますが、それは「正しい」かどうかはわからない：

ready: function() { 

    ClassicEditor 
     .create(document.querySelector('#foo')) 
     .then(editor => { 
      editor.document.on('change', (evt, data) => { 
       this.data = editor.getData(); 
      }); 
     }); 
}