Как добавить опцию подчеркивания и выравнивания на панели инструментов CKEditor5 в reactjs - PullRequest
Новая
       65

Как добавить опцию подчеркивания и выравнивания на панели инструментов CKEditor5 в reactjs

0 голосов
/ 04 мая 2020

Как добавить параметры как выравнивание текста и подчеркивание в CKEditor в reactjs, я пытался, но не получилось. Пожалуйста, помогите мне 

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} />

for reference

1 Ответ

0 голосов
/ 06 мая 2020

Использование ClassicEditor удаляет некоторые кнопки, такие как «Подчеркивание, Подстрочный индекс, Надстрочный индекс». Вам нужно будет использовать настроенную версию редактора, а не версию Classi c.

Я связался с командой CKEditor. Они отправили меня своему онлайн-сборщику: https://ckeditor.com/ckeditor-5/online-builder/

Я пробовал, и это выглядит достаточно просто для использования. Вариантов много, поэтому вам нужно go пройти через него.

По сути, выберите тип редактора, добавьте плагины, выберите свой язык, создайте и используйте сборку.

Надеюсь, это поможет

...