Soy nuevo en ReactJs. He buscado muchas formas y soluciones para mostrar el valor predeterminado en el editor de texto. Pero no encontré una respuesta adecuada. Debajo de la pieza de código es lo que probé. Pero no obtengo el editor precargado con el valor de la base de datos.
Quiero que MUIRichTextEditor
muestre el valor predeterminado.
Lo siguiente es MUIRichTextEditor
<MUIRichTextEditor name="text" label="Start Tying...." toolbarButtonSize="small" defaultValue={this.state.text} inlineToolbar={true} onChange={this.onChange} />
A continuación se muestra cómo se ve mi Editor:
this.onChange
onChange = textData => { if (textData.getCurrentContent().getPlainText()) { this.setState({ text: stateToHTML(textData.getCurrentContent()), }) } else { this.setState({ text: "", }) } };
Han importado lo siguiente:
import MUIRichTextEditor from "mui-rte"; import { stateToHTML } from "draft-js-export-html";
Cómo es enviar mis datos para editar:
<EditForm onSubmit={this.updateData} initialValues={this.state.databaseData} />
text
se envía al formulario de edición, pero el valor predeterminado no se muestra
Los datos en la base de datos son:
{"_id":{"$oid":"61dbc710888107116046198e"},"text":"<p>Text<strong>feild</strong></p>""__v":0}
Por lo tanto, cuando edito mi text
en la interfaz, quiero que MUIRichTextEditor
se llene previamente con texto . Dado que en la base de datos se guarda como html, también en la parte delantera, en el editor de texto, quiero que se muestre en el formato adecuado. No quiero usar ganchos. Solo en ReactJs.
Resultado esperado cuando quiero editar (Ejemplo):
no se como hacerlo La ayuda sería muy apreciada. Gracias.