如何在@ckeditor/ckeditor5-react中手动添加插件？

Question

所以，我有一个来自https://www.pramukhime.com/的插件，它是语言插件。所以，他们给了我一个包含各种文件的zip文件。

文件截图：

​

​

我猜plugin.js是要导入的主要文件。(另外，它也被缩小了)

因此，我尝试了以下方法，但得到了错误

代码：

import CKEditor from "@ckeditor/ckeditor5-react";
import ClassicEditor from "@ckeditor/ckeditor5-build-classic";
import Pramukhime from "./../../Assets/pramukhime/plugin.js";

...

        <CKEditor
          editor={ClassicEditor}
          data={questionData}
          config={{
            plugins: [Pramukhime]
          }}
          onChange={(event, editor) => {
            const data = editor.getData();

            handleQuestionEditor(data);

          }}

        />

那么，我应该如何在编辑器中添加这个插件呢？

谢谢

编辑:在配置中添加extraPlugins时出错

config={{extraPlugins:'...'}}

​

​

Answer 1

您需要将这些文件添加到您的ckeditor/plugins文件夹中。自述文件将告诉您如何命名封闭的文件夹(如果您使用插件不期望的名称，它将根本不会被加载)。

在此之后，您将需要以相同的方式添加任何依赖项，因为CKEditor不能自动执行此操作。然后，您可以通过在CKEditor配置中添加一个或多个config.extraPlugins = 'plugin-name';行来简单地启用插件以及任何依赖项。

来源：https://ckeditor.com/docs/ckeditor4/latest/guide/dev_plugins.html#manual-installation

Answer 2

问题出在包上，我想你的插件依赖于另一个依赖，或者可能是版本兼容性的问题。