ckeditor4 editorConfig и editorUrl не работают в реакции?

я загрузил полный пакет ckeditorckeditor_4.14.1_full.zip и распаковал его в папку с ресурсами, но когда я использую этот каталог как CKEditor.editorUrl = '../assets/ckeditor/ckeditor.js';, он не работает, если я использую CDN, например CKEditor.editorUrl = '//cdn.ckeditor.com/4.14.1/full/ckeditor.js'; , тогда он работает нормально, а editorConfig тоже не работает... не могли бы вы сказать мне, как я могу определить это?

createForm.js

import React, { Component } from 'react';
import CKEditor from 'ckeditor4-react';

CKEditor.editorUrl = '../assets/ckeditor/ckeditor.js'; // this link is not working...

//CKEditor.editorUrl = '//cdn.ckeditor.com/4.14.1/full/ckeditor.js'; it's working!

CKEditor.editorConfig = function (config) {
    config.uiColor = '#2b2c26';
    config.contentsCss = '../assets/desk/fonts/Nafees-Nastaleeq/css/font.css';
    config.font_names = 'Nafees Nastaleeq;' + config.font_names;
};

class App extends Component {
    render() {
        return (
            <div className="App">
                <h2>Using CKEditor 4 in React</h2>
                <CKEditor
                    data="<p>Hello from CKEditor 4!</p>"
                />
            </div>
        );
    }
}

export default App;


person Teck Hack    schedule 23.08.2020    source источник


Ответы (2)


Попробуйте открыть файл ckeditor.js с вашего сервера и использовать URL-адрес http как

CKEditor.editorUrl = 'http://localhost:5000/ckeditor/ckeditor.js';

person Nitin    schedule 07.09.2020

 CKEditor.editorUrl = '../assets/ckeditor/ckeditor.js';

должно быть

CKEditor.editorUrl = '/assets/ckeditor/ckeditor.js';

если это не работает, вы можете указать URL своего сайта, используя process.env

import CKEditor from 'ckeditor4-react'
CKEditor.editorUrl = `${process.env.REACT_APP_BASE_URL}/ckeditor/ckeditor.js`

вы можете установить REACT_APP_BASE_URL для работы и разработки

person Gökhan Duman    schedule 20.01.2021