如何在CKEditor中添加文本对齐&下划线等选项,我试过了,但没有成功,请帮帮我。
text-editor.js
import React from 'react'
import CKEditor from '@ckeditor/ckeditor5-react';
import ClassicEditor from '@ckeditor/ckeditor5-build-classic';
const TextEditor = ({handleChildClick}) => {
return (
<div className="container">
<CKEditor
editor={ ClassicEditor }
onChange={ ( event, editor ) => {
const data = editor.getData();
handleChildClick(data)
} }
/>
<style>
{`
.ck-content { height: 150px; }
`}
</style>
</div>
);
};
export default TextEditor
Parent.js
<TextEditor handleChildClick={getDataFromTextEditor} />
使用ClassicEditor会移除一些按钮,比如 "下划线、下标、上标"。你需要使用自定义版本的编辑器,而不是经典版本。
我已经和CKEditor团队取得了联系。他们给我发了他们的在线构建器。https:/ckeditor.comckeditor-5online-builder。
我已经试过了,它看起来很简单,可以使用。有很多选项,所以你需要通过它。
基本上,选择你的编辑器类型,添加插件,选择你的语言,构建和使用构建。
希望能帮到你