javascript - CK editor5 React - 添加自定义按钮
问题描述
代码如下。
import React, {Component} from 'react';
import CKEditor from '@ckeditor/ckeditor5-react';
import ClassicEditor from '@ckeditor/ckeditor5-build-classic';
class App extends Component {
render() {
return (
<div className = "App">
<h2> Using CKEditor 5 build in React < /h2>
<
CKEditor editor = {
ClassicEditor
}
data = "<p>Hello from CKEditor 5!</p>"
onInit = {
editor => {
// You can store the "editor" and use when it's needed.
console.log('Editor is ready to use!', editor);
}
}
onChange = {
(event, editor) => {
const data = editor.getData();
console.log({
event,
editor,
data
});
}
}
/>
</div>
);
}
}
export default App;
现在我需要在工具栏中添加一个自定义按钮,单击该按钮时需要调用一个函数。
我看过关于添加新插件的帖子,但我不确定如何以反应方式实现这一点。
任何帮助,将不胜感激。
解决方案
您需要创建一个将注册新按钮的插件。然后你可以将你的插件加载到编辑器中。我将为您留下一些可以帮助您的文档的链接:
推荐阅读
- keras - 我如何在 lstm 中同时使用两个序列
- jquery - 无法在 jQuery 中从第三次开始克隆输入字段
- python - pathlib.Path.chmod(mode) 中的模式说明
- javascript - JavaScript 承诺设置
- reactjs - 无法为我的 react 项目安装我的 pro font awesome?
- javascript - Flexbox 图像库和单个图像位置
- java - 方法的输入参数为异常时的模拟语句
- r - 在 dplyr 的 summarise_at 中使用条件
- excel - 我如何获得一个动态数组,我将它调暗为什么?VBA
- r - 如何绘制循环伏安法的路径