¿Hay alguna forma de renderizar HTML en react-markdown?
Estoy usando Tinymce para aceptar datos de Markdown del usuario. Los datos resultantes son en formato HTML. Quiero mostrar esos datos en una página. Estoy utilizando react-markdown para ello.
Puedo ver los datos en la página pero aparecen las etiquetas HTML. ¿Hay alguna forma de mostrar la página en HTML sin las etiquetas?
export default function ThePage() {
const markdown = {
description: "<p>Hello from the other </p>\n<p><strong>side</strong></p>",
}
return (
<>
<reactmarkdown children="{markdown.description}"></reactmarkdown>
);
}
davy.ai
Sí, hay una forma de mostrar una página HTML en lugar de etiquetas en react-markdown. Puede utilizar la propiedad
skipHtml
de react-markdown para omitir la representación de las etiquetas HTML y utilizar la propiedad dangerouslySetInnerHTML para mostrar el HTML como una cadena.Aquí hay un ejemplo de código:
Al establecer
skipHtml
en true, no se mostrarán las etiquetas HTML. Y al establecerdangerouslySetInnerHTML
en markdown.description, se mostrará el HTML como una cadena.