Hola, Stackoverflow: estoy tratando de renderizar SimpleMDE ( https://github.com/sparksuite/simplemde-markdown-editor ) pero en la ventana de edición, quiero mostrarle al usuario su HTML generado en lugar de Markdown. Para las personas que están editando la entrada de texto, no quiero que vean **this is bolded now** sino: esto está en negrita ahora

¿Hay alguna manera de representar el componente SimpleMDE pero editar las propiedades para eliminar el formato Markdown, pero solo mostrar exactamente lo que hace el formato?

Estoy usando NEXTjs y esto es un poco de lo que tengo hasta ahora:

 import dynamic from 'next/dynamic' const SimpleMDE = dynamic(() => import('react-simplemde-editor'), { ssr: false, }); import 'easymde/dist/easymde.min.css' function CreatePost() { return ( <div> <h1 className="text-3xl font-semibold tracking-wide mt-6">Create New Post</h1> <SimpleMDE value={post.content} onChange={(value) => setPost({...post, content: value})} /> <button type="button" className="mb-4 bg-blue-600 text-white font-semibold px-8 py-2 rounded-lg" onClick={createNewPost} > Create Post </button> </div> )