Добавление плагинов в пользовательскую сборку CKEditor5 с ReactJS - PullRequest
Новая
       7

Добавление плагинов в пользовательскую сборку CKEditor5 с ReactJS

0 голосов
/ 25 сентября 2019

Я пытаюсь добавить плагин в классическую сборку CKEditor5.Я следовал инструкциям на этой странице: https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/installing-plugins.html

Я могу сказать, что все сделал правильно, поскольку все работает так, как и должно, когда я открываю sample/index.html.

Теперь пришло время интегрировать эту пользовательскую сборку с моим приложением реакции.

Инструкции на этой странице , «опишите», что делать:

Вы создадите новую сборку где-то рядом с вашим проектом и включите ее, как вывключил одну из существующих сборок.

В нем говорится «включите его, как вы включили одну из существующих сборок».Ну, вот как я включил классическую сборку: 

import React from "react";
import ReactDOM from "react-dom";
import CKEditor from "@ckeditor/ckeditor5-react";
import ClassicEditor from "@ckeditor/ckeditor5-build-classic";

import "./styles.css";

function App() {
  return (
    <div className="App">
      <CKEditor
        editor={ClassicEditor}
        // Other Props
        }}
      />
    </div>
  );
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);

Итак, я бы предположил, что я бы сделал что-то вроде этого: 

import React from "react";
import ReactDOM from "react-dom";
import CKEditor from "@ckeditor/ckeditor5-react";
import ClassicEditor from './ckeditor/ckeditor'


import "./styles.css";

function App() {
  return (
    <div className="App">
      <CKEditor
        editor={ClassicEditor}
        // Other Props
      />
    </div>
  );
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);

То есть просто измените import оператор от: 

import ClassicEditor from "@ckeditor/ckeditor5-build-classic";

до 

import ClassicEditor from './ckeditor/ckeditor'

. ./ckeditor/ckeditor/ - это файл ckeditor.js, найденный в папке build моей измененной версии пользовательской сборки.

Но это не работает.В новом файле ckeditor.js нет экспорта.Ни экспорт по умолчанию, ни именованный экспорт.Поэтому, возможно, мне следует импортировать файл следующим образом: 

import './ckeditor/ckeditor'

Но тогда как мне указать компоненту React, какой редактор использовать.Есть реквизит editor, который берет имя редактора, а именно: 

<CKEditor
  editor={ClassicEditor}
  // Other Props
/>

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

Есть идеи?

Спасибо.

1 Ответ

0 голосов
/ 25 сентября 2019

Команда CKEditor помогла мне решить эту проблему.Вы можете прочитать решение здесь: https://github.com/ckeditor/ckeditor5/issues/2072#issuecomment-534987536

Суть в том, что мне нужно было опубликовать мою настроенную сборку в виде пакета npm, установить этот пакет на моем сайте и затем импортировать установленный пакет.

Как только я это сделал, все заработало просто отлично.

...