Возникли некоторые проблемы с CKeditor при переходе с локального хоста на хостинг

Question

Возникают некоторые проблемы с CKeditor при переходе с локального хоста на хост.

Локально работает, как только я перемещаю его на сервер, я получаю эти проблемы в консоли, и редактор не появляется. Кроме того, он нарушает JS.

. *: 258) на e (ckeditor. js: 259) на Array.y (ckeditor. js: 259) на v (ckeditor. js: 259) на ckeditor. js: 260

Answer 1

См. Обходные пути в этом выпуске github . Они предлагают:

• установить константу в вашем коде, чтобы сообщить CKEditor, каков его базовый путь (см. Также эту часть документации CKEditor )
• загрузка CKEditor из CDN вместо локально

Answer 2

Issue

Вы получаете сообщение об ошибке только при включении файла ckeditor4.js на сервере, и эта ошибка возникает, когда CKE пытается загрузить другие функции, такие как плагины и языки, но не может найти эти файлы в папка basepath. Вы можете подтвердить это на вкладке сети в devtools браузера, поскольку CKE пытается загрузить функции, а затем не может их найти.

Вариант 1: ссылка на пакет CDN

CKE предлагает 3 основных пакета ( basi c, стандартный, полный), которые предлагают выбор между функциями и загрузкой страницы. Подробнее здесь.

Вариант 2: Включить необходимые файлы

Сделать дополнительные файлы доступными на вашем сервере. Вот задание gulp, которое объединяет все из папки модуля узла ckeditor (исключая образец).

gulp.task("copy-ckeditor", function () {
    // Check and copy languages in config.ckEditorLanguages
    var isIncluded = function(path) {
        var found = false,
            lang = path.split('lang')[1];

        if (lang) {
            for (var i in config.ckEditorLanguages) {
                if (lang.indexOf(config.ckEditorLanguages[i]) != -1) {
                    found = true;
                }
            }
        }
        return found;
    },
    copyFile = function(stream) {
        stream.pipe(gulp.dest(config.buildPath.js + "lib/ckeditor"));
    };

    return gulp.src([
            "node_modules/ckeditor/**/*.*",
            "!node_modules/ckeditor/samples",
            "!node_modules/ckeditor/samples/**/*"
        ])
        .pipe(foreach(function(stream, file){
            if (file.path.indexOf("lang") != -1) {
                if (isIncluded(file.path)) {
                    copyFile(stream);
                }
            } else {
                copyFile(stream);
            }
            return stream;
        }));
});

Вариант 3: создание и размещение собственного настраиваемого пакета

Если вы хотите использовать загрузка одного файла позволяет использовать CKE4 Builder , позволяющий настраивать встроенные плагины.

Answer 3

Возможно, что ckEditor попытался загрузить lang js

Попробуйте включить это: -

<script type="text/javascript" src="assets/ckeditor/lang/en.js"></script>

А также установите язык конфигурации

config.language = 'en';