Как активировать и / или установить плагины на CKEditor 5 на Vuejs - PullRequest
Новая
       45

Как активировать и / или установить плагины на CKEditor 5 на Vuejs

0 голосов
/ 14 апреля 2020

Мне нужно активировать плагины PastFromOffice на CKEditor на Vue. Вот так мне удается работать. Я установил «npm install --save @ ckeditor / ckeditor5-paste-from-office». Я понимаю, что эти плагины ранее устанавливались на classi c 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 с заявлением «Запрошенный элемент панели инструментов недоступен».

И если я добавлю: «import PasteFromOffice from '@ ckeditor / ckeditor5- паста из-офиса / SRC / pastefromoffice ";» Я получаю эту ошибку: «ckeditor-duplicated-modules: Некоторые модули CKEditor 5 дублируются».

Какие-либо ключевые слова для меня в Google или идеи? Спасибо!

1 Ответ

0 голосов
/ 14 апреля 2020 
<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>
...