I didn't have any real use cases in mind when I made it, I just wanted to see if it was possible.
In theory you could use it to demonstrate the underlying Markdown for some HTML, but unfortunately I haven't been able to figure out how to make the CSS ::before and ::after content user-selectable[0], so you wouldn't be able to copy it back out to make a simple HTML-to-Markdown converter.
the table stuff doesnt work too well either, understandably. if you actually want to do conversion though, check out reMarked.js [1], disclaimer: mine. it's not too heavy, either.
I often find myself using http://markdown-here.com/ to compose an email, and then wanting to get back at the source to send another, slightly modified email, or to insert into a README.md.
This will make my life a lot easier. Just need to package it up into a nice browser toolbar button.
I don't think it quite makes it to "elegantly" because it's not actually useful markdown. I can't copy it and do anything with it because all the tags disappear. :/
This is the jQuery README.md rendered as html, then with a series of angular directives to convert that rendered markdown back to what the source would have looked like.
This would actually pretty useful if someone was implementing a Markdown editor using the `contenteditable` HTML attribute. Toggling a class on the editor wrapper element could switch between rendered and non-rendered Markdown. No JS needed.
Of course, it doesn't actually reverse the (lossy) Markdown transformation. For example, the source "9." turns into an ordered list that looks like "1." and CSS won't reverse that.
25 comments
[ 74.3 ms ] story [ 643 ms ] threadI was thinking that this could be useful for giving people markdown to copy directly, but css:before and after doesn't get copied.
I'm so gonna use this _somewhere_, just not sure where.
In theory you could use it to demonstrate the underlying Markdown for some HTML, but unfortunately I haven't been able to figure out how to make the CSS ::before and ::after content user-selectable[0], so you wouldn't be able to copy it back out to make a simple HTML-to-Markdown converter.
[0] http://stackoverflow.com/questions/19914349/how-can-i-make-g...
[1] https://github.com/leeoniya/reMarked.js
I often find myself using http://markdown-here.com/ to compose an email, and then wanting to get back at the source to send another, slightly modified email, or to insert into a README.md.
This will make my life a lot easier. Just need to package it up into a nice browser toolbar button.
I'm sure there was another one too. I was going to make a WordPress theme with it at the time, but never got around to it.
You can go in the opposite direction with markdown.css too: http://kevinburke.bitbucket.org/markdowncss/
I approve.
This is the jQuery README.md rendered as html, then with a series of angular directives to convert that rendered markdown back to what the source would have looked like.