@cedFlame

Не работает текстовый редактор с помощью draft.js, как исправить?

У меня есть базовый компонент текстового редактора с draft.js

Проблема в том, что я не могу выбрать шрифт, размер шрифта, цвет, добавить фото, выбрать эмодзи или создать ссылку. Что мне нужно сделать, чтобы это сработало? Что добавить? 649ac48fdba3e271400051.png
import React, { useState } from "react";
import { Editor } from "react-draft-wysiwyg";
import { EditorState, convertToRaw } from "draft-js";
import "react-draft-wysiwyg/dist/react-draft-wysiwyg.css";
import draftToHtml from "draftjs-to-html";

export const TextEditor = () => {
const [editorState, setEditorState] = useState(EditorState.createEmpty());

const onEditorStateChange = (newEditorState) => {
    setEditorState(newEditorState);
};

return (
    <div>
        <Editor
            editorState={editorState}
            toolbarClassName="toolbarClassName"
            wrapperClassName="wrapperClassName"
            editorClassName="editorClassName"
            onEditorStateChange={onEditorStateChange}
        />
        <textarea
            disabled
            style={{ width: "100%" }}
            value={draftToHtml(convertToRaw(editorState.getCurrentContent()))}
        ></textarea>
    </div>
    );
};
  • Вопрос задан
  • 75 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы