Блог

у меня есть скачать полный пакет ckeditorckeditor_4.14.1_full.zip и извлеките в моей папке assets, но когда я использую этот каталог как 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;

  

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

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

  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 для prod и разработки