CSS to render Markdown as unrendered Markdown
Languages and libraries
css styling
SHOW HN2015
CSS to render Markdown as unrendered Markdown
CSS to render Markdown as unrendered Markdown
gist.github.comHow HN took it
2 positive, 4 neutral or asking, 1 mixed, 9 critical, out of 16 comments about the project. Thread score -0.33.
Execution: 1 for, 6 againstIdea: 1 for, 3 against
The thread, comment by comment
Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.
positive neutral or mixed critical about another commenter or something else the maker
What HN said
What people liked
Pretty nice for a toggle source feature
From 1 comment
This is pretty nice for a "toggle source" feature. I added the use of CSS counters: https://gist.github.com/jbrooksuk/2d6989c35c77bf0c62f9
jbrooksuk on HN
Could help a contenteditable Markdown editor toggle rendered and source views
From 1 comment
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…
thomasfoster96 on HN
Objections
Copied output loses the markdown tags because CSS generated content is not selectable
From 4 comments
Except it excludes the css content when you copy it, so it wouldn't really work for that feature.
rkuykendall-com on HNI 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. :/
masukomi on HNno, because you can't copy paste the tags. they're just visual sugar that isn't actionable.
masukomi on HNCompletely useless, you can't even copy and paste
bevacqua on HN
Converts HTML to markdown-looking output rather than rendering Markdown
From 1 comment
I think a more accurate description is that this renders HTML as unrendered Markdown.
michaelmior on HN
Lossy: does not reverse Markdown transformations such as ordered list numbering
From 1 comment
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.
phyzome on HN
Lacks handling of paragraphs and line breaks
From 1 comment
Lacks handling of <p> and <br>. For <p> prepend (append?) two newlines. For <br>, suffix two spaces.
TazeTSchnitzel on HN
Requests
Make the CSS generated content copyable
From 2 comments
Any usecases for this? I 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…
captn3m0 on HNAlternatively, you could say it the browser's job to support copy/paste of content inserted with CSS.
_august on HN
Questions
What are the use cases?
From 1 comment
Any usecases for this? I 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…
captn3m0 on HN
Alternatives named
ReMarkdown
From 1 comment
See also ReMarkdown: http://fvsch.com/code/remarkdown/ 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.…
Foomandoonian on HN
markdown.css
From 1 comment
See also ReMarkdown: http://fvsch.com/code/remarkdown/ 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.…
Foomandoonian on HN
reMarked.js
From 1 comment
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,…
leeoniya on HN
Angular directives approach
From 1 comment
Not nearly as impressive, but I did this using Angular directives a while back: http://embed.plnkr.co/zSjqqh/preview This is the jQuery README.md rendered as html, then with a…
filearts on HN