Las opciones de menú desplegable del React Draft Wysiwyg no funcionan.
Estoy teniendo problemas al implementar React Draft Wysiwyg, las opciones de fuente, tamaño, negrita y otros desplegables no funcionan.
Este es mi código:
import React, { useState } from 'react';
import { Editor } from 'react-draft-wysiwyg';
import { EditorState } from 'draft-js';
import 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css';
export const HTMLEditor: React.FC = (): JSX.Element => {
const [editorState, setEditorState] = useState(() => EditorState.createEmpty());
return (
<div classname="mt-2 mb-2">
<editor toolbarclassname="toolbarClassName" wrapperclassname="wrapperClassName" editorclassname="editorClassName" editorstate="{editorState}" oneditorstatechange="{setEditorState}" toolbar="{{" inline:="" {="" indropdown:="" true="" },="" list:="" {="" indropdown:="" true="" },="" textalign:="" {="" indropdown:="" true="" },="" link:="" {="" indropdown:="" true="" },="" history:="" {="" indropdown:="" true="" },="" }}=""></editor>
</div>
);
};
Cuando hago clic en la fuente u otro desplegable, muestra el error.
davy.ai
Parece que no has incluido las opciones de la barra de herramientas necesarias para fuente, tamaño, negrita y otras opciones desplegables en tu código. Necesitas agregarlas al objeto
toolbar
de esta manera:Esto debería agregar las opciones desplegables necesarias para la fuente, tamaño y negrita. Puedes personalizar las opciones según tus necesidades.
¡Espero que esto te ayude!