сборка ckeditor из исходного кода выдает ошибку на панели инструментов - PullRequest
Новая
       10

сборка ckeditor из исходного кода выдает ошибку на панели инструментов

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

Я изучаю плагин-расширяемость ckeditor, чтобы увидеть, может ли он соответствовать нашим требованиям.

Я пытаюсь go пройти через учебник по созданию виджета, но я заблокирован настройкой.

Независимо от того, пользуюсь ли я редактором Balloon или Classi c из исходного кода, панель инструментов, похоже, вызывает исключения.

ОШИБКА Ошибка: Uncaught (в обещании): CKEditorError: Невозможно прочитать свойство 'getAttribute' со значением null TypeError: Невозможно прочитать свойство 'getAttribute' со значением null

BalloonEditor дает дополнительная ошибка

ОШИБКА Ошибка: Uncaught (в обещании): CKEditorError: plugincollection-plugin-not -аг: Запрошенный плагин не загружен. Подробнее: {"plugin": "ContextualBalloon"}

Я пытаюсь реализовать его внутри Angular приложения / компонента. 

import BalloonEditor from '@ckeditor/ckeditor5-editor-balloon/src/ballooneditor';
import Essentials from '@ckeditor/ckeditor5-essentials/src/essentials';
import Paragraph from '@ckeditor/ckeditor5-paragraph/src/paragraph';
import Bold from '@ckeditor/ckeditor5-basic-styles/src/bold';
import Italic from '@ckeditor/ckeditor5-basic-styles/src/italic';

  editorBalloon = BalloonEditor;
  editorconfig = {
    plugins: [Essentials, Paragraph, Bold, Italic],
    toolbar: ['bold', 'italic']
  };

Я также пытался с пользовательской реализацией сборки, но с теми же результатами. 

import BalloonEditorBase from '@ckeditor/ckeditor5-editor-balloon/src/ballooneditor';  
import Essentials from '@ckeditor/ckeditor5-essentials/src/essentials';
import Bold from '@ckeditor/ckeditor5-basic-styles/src/bold';
import Italic from '@ckeditor/ckeditor5-basic-styles/src/italic';
import Paragraph from '@ckeditor/ckeditor5-paragraph/src/paragraph';

export default class BalloonEditor extends BalloonEditorBase {}

// Plugins to include in the build.
BalloonEditor.builtinPlugins = [
    Essentials,
    Bold,
    Italic,
    Paragraph,
];

// Editor configuration.
BalloonEditor.defaultConfig = {
    toolbar: {
        items: [
            'bold',
            'italic',
        ]
    },
    // This value must be kept in sync with the language defined in webpack.config.js.

language: 'en'
};

Ниже приведено изображение того, как выглядит ClassicEditor ( без панели инструментов). BalloonEditor полностью не в состоянии генерировать.

enter image description here

...