Я хочу добавить плагин html5video в свой компонент 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;
Я понятия не имею, как добавить html5video plugin
в CKEditor.
Компонент CKEditor 4 React предполагает, что CKEditor загружен до создания каких-либо компонентов CKeditor. Таким образом, вы можете передать его URL пользовательской сборке CKEditor со всеми необходимыми плагинами:
CKEditor.editorUrl = 'https://your-website.example/ckeditor/ckeditor.js';
Чтобы загрузить плагины в экземпляр редактора, передайте config prop компоненту:
<CKEditor
config = { {
extraPlugins: 'extra,plugins'
} }
/>
Следить за этим :
загрузите и добавьте следующий плагин в свой ckeditor: http://martinezdelizarrondo.com/ckplugins/video1.3.zip
добавьте имя плагина в конфигурацию ckeditor, например:
config.extraPlugins = 'видео';
обновите страницу, и вы должны увидеть значок видео на панели инструментов ckeditor.
Сделанный
Я настоятельно рекомендую использовать крошечный редактор вместо Ckeditor. Это очень просто для настройки, особенно для вставки тега видео.
Ваш ответ не имеет отношения к моему вопросу. Я ищу, как добавить плагин html5video в мой компонент CKEditor.