Realtime preview of Markdown in Web IDE

Problem to Solve

When writing markdown content it can be hard to understand how the markup will be applied to the document.

Additional Details

Markdown is a specific syntax for writing documents. To some users the syntax is not intuitive and can be confusing to know what the symbols will do and how they will be rendered.

The Web IDE currently supports a static preview of markdown content, but it can't be edited in realtime and you can't see both the raw and rendered content at the same time.

Proposal

The Web IDE should support a realtime preview of markdown content that updates as a user continues to edit the content.

Proof of Concept

A quick PoC can be seen in this video which is based on the Editor Lite and not the complete Web IDE.