Skip to content
This repository has been archived by the owner on Nov 5, 2020. It is now read-only.

Latest commit

 

History

History
34 lines (27 loc) · 1.21 KB

README.md

File metadata and controls

34 lines (27 loc) · 1.21 KB

Markdown here!

Mix Markdown with HTML, and have it rendered on the fly by Javascript!

Recipe

  1. Include showdown.js in your HTML. Also include markdownhere.js from this repo (or by loading it from //wafi.iit.cnr.it/webvis/markdownhere/markdownhere.js), having care to put the <script> tag right before the end of the body.
  2. Insert Markdown content in whatever HTML element you want, then add the special x-mdhere class to it. Take care of removing any unwanted indentation from Markdown code (indented lines are interpreted as code blocks).
  3. That's it! Load the page in your favorite browser to see your Markdown turned into HTML. Add CSS to taste. If you want, open the page source to see the original Markdown.

Example

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Markdown here!</title>
        <script src="showdown.js"></script>
    </head>
    <body class="x-mdhere">
This is *Markdown*.
    </body>
    <script src="//wafi.iit.cnr.it/webvis/markdownhere/markdownhere.js"></script>
</html>

Demo

You can try a demo here.