Javascript '；ckeditor4反应'；和'；HTML5视频&x27；插件

我想添加到我的CKEditor组件中。我使用了

“ckeditor4 react”：“^1.1.0”

，这是我的组件：

import React, { useState, FunctionComponent }   from "react";
import CKEditor                                 from "ckeditor4-react";

export interface CreateNewArticleProps {}

const CreateNewArticle: FunctionComponent<CreateNewArticleProps> = () => {
    const [articleFormData, setArticleFormData] = useState({
        articleBody: "",
    });

    const ckeditorConfig = {
        extraPlugins: "justify, colorbutton, font",
    };
    const ckeditorDataChangeHandler = (event) => {
        setArticleFormData({
            ...articleFormData,
            articleBody: event.editor.getData(),
        });
    };

    return (
        <CKEditor
            type="classic"
            config={ckeditorConfig}
            data={articleFormData.articleBody}
            onChange={ckeditorDataChangeHandler}
        />
    );
};
export default CreateNewArticle;

import React，{useState，FunctionComponent}来自“React”；
从“ckeditor4 react”导入CKEditor；
导出接口CreateNewArticleProps{}
const CreateNewArticle:FunctionComponent=（）=>{
常量[articleFormData，setArticleFormData]=useState({
第条主体：“，
});
常数ckeditorConfig={
extraPlugins:“justify，colorbutton，font”，
};
const ckeditorDataChangeHandler=（事件）=>{
setArticleFormData({
…articleFormData，
articleBody:event.editor.getData（），
});
};
返回(
);
};
导出默认CreateNewArticle；

---

我不知道如何将

HTML5视频插件添加到CKEditor。
CKEditor 4 React组件假定在创建任何CKEditor组件之前加载了CKEditor。通过这种方式，您可以将其与所需的每个插件一起传递：

CKEditor.editorUrl = 'https://your-website.example/ckeditor/ckeditor.js';

要将插件加载到编辑器实例中，请执行以下操作：


遵循以下步骤：

下载以下插件并将其添加到您的ckeditor：


将插件名称添加到ckeditor配置，如：

config.extraPlugins='video'


刷新页面，您必须在编辑器工具栏中看到视频图标


完成
我强烈建议使用而不是Ckeditor。定制非常简单，尤其是插入视频标签。
您的答案与我的问题无关。我正在寻找如何添加HTML5视频插件到我的CKEditor组件。
    <CKEditor
    config={ {
        extraPlugins: 'extra,plugins'
    } }
/>