如何在 reactjs 的 CKEditor5 工具栏中添加下划线选项和对齐选项

Question

如何在 reactjs 的 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} />

Answer 1

使用 ClassicEditor 会删除一些按钮，例如“下划线、下标、上标”。您将需要使用编辑器的自定义版本，而不是经典版本。

我已经与 CKEditor 团队取得了联系。他们已将我发送到他们的在线构建器：https : //ckeditor.com/ckeditor-5/online-builder/

我已经试过了，它看起来很简单，可以使用。有很多选择，所以你需要通过它。

基本上，选择您的编辑器类型、添加插件、选择您的语言、构建和使用构建。

希望能帮助到你