如何在Vuejs上的CKEditor 5上激活和/或安装插件

Question

我需要在Vue的CKEditor上激活PastFromOffice插件。这就是我工作的方式。我已经安装了"npm install --save @ CKEditor /ckeditor5-paste-from-office“我知道这个插件以前是安装在传统的CKEditor上的。

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

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

   console.log(ClassicEditor.defaultConfig.toolbar);
   export default {
       components: {
           ckeditor: VueCkeditor.component
       },
       data(){
           return {
               editor: ClassicEditor,
               editorData: '<p>Content of the editor.</p>',
               editorConfig: {
                   /*plugins: [
                       'PasteFromOffice'
                   ],*/
               }
           }
       }
   }
</script>

当我像在注释中那样应用插件时，我得到一个空的输入类型文本框和许多声称“请求的工具栏项不可用”的console.logs。

如果我添加：“从'@ckeditor/ckeditor5-paste-from-office/src/pastefromoffice';”导入模块，我得到这个错误：“CKEditor -duplicated- PasteFromOffice :某些CKEditor 5模块是重复的。

有没有关于google或ideas的关键字？谢谢!

Answer 1

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

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

export default {
  name: "Editor",
  data() {
    return {
      editor: ClassicEditor,
      editorData: "<p>Content of the editor.</p>",
      }
    }
};
</script>

require('./bootstrap');
import Vue from 'vue'
import Editor from './editor'
import CKEditor from "@ckeditor/ckeditor5-vue";

Vue.use(CKEditor);

new Vue({
    el : '#root',
    components: { Editor },
})

    <div id="root">
        <editor></editor>
    </div>