You should use ReMarkdown!
Is your HTML content looking all HTML-y and CSS-y? I bet it has great typography and carefully crafted negative space?
Such ennui! Ditch all this
font-size nonsense, and go with a good old plain text look instead!
That’s what ReMarkdown does: it takes your HTML and makes it look like Markdown. Pretty nerdy, uh? So the text you’re reading right now is not plain text, it’s good old HTML with H1s and Ps and BLOCKQUOTEs. Just “Inspect Element” and you’ll see.
Using ReMarkdown is as simple as downloading remarkdown.css, and declaring it like this:
<!doctype html> <html lang="en"> <head> <title>Using ReMarkdown</title> <link rel="stylesheet" href="remarkdown.css"> </head> <body data-rmd> <h1>Hello World</h1> <p>A paragraph.</p> </body> </html>
And there’s a bunch of alternative styles to pick from! Define your prefered styles using the
data-rmd attribute, or when compiling from the Sass source (see the configuration guide for details).
ReMarkdown is on Github, do
complainreport bugs there.
- Copyright: the WTF Public License applies.
- Browser support: I’m targetting the most current browsers (mid-2014). Theoretically it should work on IE9+, but that’s a very much untested assertion.
- This is no HTML-to-Markdown converter. Try pandoc.
I’m keeping the legacy ReMarkdown 1.0 around; released in 2011, it had partial IE8 support and used a different syntax.
Also Peter Coles wrote Markdown.css, a similar stylesheet, a little while back.