How does Inkdrop implement the WYSIWYG markdown editor?

The way Inkdrop approaches markdown editing is brilliant. It renders the content when typing, while preserving the source of the content. It’s the best of both worlds.

Inkdrop uses CodeMirror to power its editor. In order to achieve the realtime rendering of markdown while typing, is this purely configuration of CodeMirror, or has Inkdrop added much more functionality on top of CodeMirror to accomplish this?

I would like to implement a similar realtime markdown editor in my chat application. I believe it would substantially improve the UX of typing markdown in the application. Thanks for making such an awesome tool!!

Hi Michael,

You can check out my video on how to build a markdown editor:

Great thanks @craftzdog!! You’re awesome :grinning:

1 Like