How to get access to the HTML string ? about react-simplemde-editor HOT 5 CLOSED

Hmmm. You mean you put some markdown into an editor, then you click on preview and you want to copy the HTML code that will be generated in preview somehow?
I think you can use ref to access editor instance and obtain it somehow.
But I think you better should use some plain markdown compilers instead and not an editor itself.

Maybe something here may help you, but not sure.
Editor preview behaviour override implementation in my blog
Post helper function that renders markdown to HTML

from react-simplemde-editor.

Thanks, I'll take a look at it. Basically what I am trying to do is if I have for example the following markdown

* Item1
* Item2
* Item3

I want to get its corresponding HTML -

<ul>
  <li>Item1</li>
  <li>Item2</li>
  <li>Item3</li>
</ul>

Assuming that internally the markdown would have to be compiled to HTML for the preview tab.

from react-simplemde-editor.

@maitray16 compilers that I use in the examples and many others (google for them) is a way better approach than trying to steal HTML from the preview HTML.
At the end of the day, I assume, simplemde has some markdown parser inside that does the same thing. That maybe makes sense, to save some bytes, of the bundle (hence not bring two parsers to the project), but if that is the case I would rather ask the author of easymde to extract markdown parser to some module, so you can import its parser as a function and generate HTML that you are looking for. Otherwise, use one of the available markdown to HTML/JSX parsers.
I'm closing this since it's answered I think :)

from react-simplemde-editor.

@maitray16 here we go. Actually, they DO use a separate dependency for markdown parsing and it's marked
Feel free to import it and use outside of the easymde
https://github.com/markedjs/marked
Do not bring additional dependency for no reason ;)

from react-simplemde-editor.

@RIP21 Thanks a lot for the help and swift response. The helper function you posted seems to working fine for my use case, so will be using that rather than adding another dependency, but its cool to know easymde's - parsing lib.

from react-simplemde-editor.