ckeditor 5 онлайн-конструктор не отображается - PullRequest
Новая
       124

ckeditor 5 онлайн-конструктор не отображается

1 голос
/ 28 мая 2020

Я использовал онлайн-конструктор ckeditor 5, скачал заархивированный файл. Я разархивировал его и создал файл html для включения редактора следующим образом: 

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>College Connect</title>

    <script src="ckeditor5/build/ckeditor.js"></script>
    
</head>

<body>
    <div id="editor"></div>
    
    <script>
        ClassicEditor
            .create(document.querySelector('#editor'))
            .then(editor => {
                console.log(editor);
            })
            .catch(error => {
                console.error(error);
            });
    </script>
</body>

</html>

, который не работает и выдает эту ошибку Uncaught ReferenceError: ClassicEditor is not defined однако, когда я использовал полную версию из здесь , все работало нормально.

Что мне нужно сделать перед использованием онлайн-конструктора?

Ответы [ 4 ]

0 голосов
/ 11 июля 2020

установить панель инструментов таким образом разрешено для меня.

let editor;

ClassicEditor .create (document.querySelector ('# id-textarea'), {

        toolbar: [
            'heading', 'bold', 'italic', 'underline', 'fontFamily', 'fontSize', 'fontColor', 'undo', 'redo', 'alignment', 'indent', 'list', 'horizontalLine', 'paragraph', 'removeFormat', 'specialCharacters', 'wordCount'
        ]
    })
.then(newEditor => {
    editor = newEditor;

})
.catch(error => {
    console.error(error);
});
0 голосов
/ 28 мая 2020

Используйте этот CDN для classi c редактор: https://cdn.ckeditor.com/ckeditor5/12.3.1/classic/ckeditor.js

0 голосов
/ 04 июня 2020

Оказывается, когда ваша настраиваемая сборка включает плагин Watchdog , тип ClassicEditor не экспортируется. Вместо этого экспортируются два других типа: CKEditor.Editor и CKEditor.Watchdog.

Вы можете в основном заменить ClassicEditor на на CKEditor.Editor в HTML, и он должен работать нормально.

Если вы хотите использовать Watchdog, вы можете увидеть пример, он включен в заархивированную сборку (в sample/index.html).

Если вы открываете файл из локальной файловой системы, следующее, что вы можете столкнуться, это ошибка Cross site scripting is only allowed for HTTP в консоли веб-браузера. Похоже, это вызвано включением плагина MathType . Возможные решения: использовать локальный HTTP-сервер или не включать плагин MathType.

0 голосов
/ 28 мая 2020

Вы можете использовать CDN в теге скрипта вместо использования загруженного файла (предоставленного в самом ckeditor.com). Это сработает. В противном случае вы должны поместить свой html файл в ту же папку, в которой существует ваш распакованный файл, или вы можете указать правильный путь к загруженному файлу в теге скрипта.

...