This is a very simple editor.md example showing both edit and preview pane. Edit pane contains markdown code that is rendered as nice HTML code by editor.md javascript library.

SIMPLE EXAMPLE (INLINE TEXT IN POST TO DUAL PANE LIVE PREVIEW)
It had following features present:

  • Enable HTML tags decode
  • Enable TeX, Flowchart, Sequence Diagram, Emoji, FontAwesome, Task lists
  • Enable Image upload
  • Enable [TOCM], Search Replace, Code fold
  • loads assets/fullexample.md and renders into boxes

Also:

  • You can edit code in left pane and it’ll dynamically updated in right pane
  • Text in left pane is actual markdown code inserted inside <div id="editormd-content"></div>
  • We’ve used <textarea style='display:none;' rows='80' cols='50'> inside div to control side of are
  • Use inline code in Jekyll makdown rather than loading it into from markdown file from server