У меня есть базовый компонент текстового редактора с draft.js
Проблема в том, что я не могу выбрать шрифт, размер шрифта, цвет, добавить фото, выбрать эмодзи или создать ссылку. Что мне нужно сделать, чтобы это сработало? Что добавить?
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>
);
};