markdown-live-preview

index.html

<div id='app' />

markdown-live-preview.markdown

markdown-live-preview

A Pen by Janis Krasemann on CodePen.

License.

script.babel

ReactDOM.render(
  <div>
    <h1>Yet another markdown live preview thingy</h1>
    <p>more stuff coming soon...</p>
  </div>,
  document.getElementById('app')
);

scripts

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.5/marked.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>