[{"data":1,"prerenderedAt":260},["ShallowReactive",2],{"project-9354873":3},{"id":4,"name":5,"line":5,"line_source":6,"title":7,"url":8,"domain":9,"maker":10,"posted_at":11,"year":12,"points":13,"comments":14,"rank_in_year":15,"shown_in_year":16,"top":17,"tier":18,"category":19,"subcategory":20,"format":21,"keywords":22,"reception":28,"sentiment":29,"stance_mix":30,"scored_comments":35,"aspects":36,"strip":41,"post_text":43,"what":44,"said":60,"maker_in_thread":160,"shape":163,"grid":167,"attempts":220,"same_week":221,"maker_shows":32,"maker_hidden":252,"reader_version":253,"card":254},"9354873","CSS to render Markdown as unrendered Markdown","title","Show HN: CSS to render Markdown as unrendered Markdown","https:\u002F\u002Fgist.github.com\u002FImJasonH\u002Fc00cdd7aece6945fb8ea","gist.github.com","ImJasonH",1428678916,2015,161,23,122,2565,5,"notable","languages","css styling","library",[23,24,25,26,27],"css","markdown","html","css counters","toggle source","roasted",-0.333,{"positive":31,"neutral":32,"mixed":33,"critical":34},2,4,1,9,16,{"execution":37,"idea":39},{"positive":33,"critical":38},6,{"positive":33,"critical":40},3,[17,33,33,33,33,42,33,33,40,42,42,40,33,40,40,42,17,33,42,42,33,42,40],0,null,{"problem":43,"audience":43,"pricing":43,"motivation":45,"time_to_build":43,"stack":52,"openness":59,"stage":59,"team_size":59},{"value":46,"source":47,"evidence":48},"Maker wanted to see if it was possible; no real use case in mind","maker",[49],{"id":50,"by":10,"text":51},"9355106","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,…",[53],{"value":54,"source":55,"evidence":56},"CSS","inferred",[57],{"id":58},"post","unknown",{"praise":61,"objections":77,"requests":117,"questions":129,"alternatives":134},[62,70],{"value":63,"source":64,"evidence":65},"Pretty nice for a toggle source feature","commenter",[66],{"id":67,"by":68,"text":69},"9355541","jbrooksuk","This is pretty nice for a \"toggle source\" feature. I added the use of CSS counters: https:\u002F\u002Fgist.github.com\u002Fjbrooksuk\u002F2d6989c35c77bf0c62f9",{"value":71,"source":64,"evidence":72},"Could help a contenteditable Markdown editor toggle rendered and source views",[73],{"id":74,"by":75,"text":76},"9358515","thomasfoster96","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…",[78,96,103,110],{"value":79,"source":64,"evidence":80},"Copied output loses the markdown tags because CSS generated content is not selectable",[81,85,89,92],{"id":82,"by":83,"text":84},"9356526","rkuykendall-com","Except it excludes the css content when you copy it, so it wouldn't really work for that feature.",{"id":86,"by":87,"text":88},"9363016","masukomi","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. :\u002F",{"id":90,"by":87,"text":91},"9363021","no, because you can't copy paste the tags. they're just visual sugar that isn't actionable.",{"id":93,"by":94,"text":95},"9355417","bevacqua","Completely useless, you can't even copy and paste",{"value":97,"source":64,"evidence":98},"Converts HTML to markdown-looking output rather than rendering Markdown",[99],{"id":100,"by":101,"text":102},"9356024","michaelmior","I think a more accurate description is that this renders HTML as unrendered Markdown.",{"value":104,"source":64,"evidence":105},"Lossy: does not reverse Markdown transformations such as ordered list numbering",[106],{"id":107,"by":108,"text":109},"9359625","phyzome","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.",{"value":111,"source":64,"evidence":112},"Lacks handling of paragraphs and line breaks",[113],{"id":114,"by":115,"text":116},"9359685","TazeTSchnitzel","Lacks handling of \u003Cp> and \u003Cbr>. For \u003Cp> prepend (append?) two newlines. For \u003Cbr>, suffix two spaces.",[118],{"value":119,"source":64,"evidence":120},"Make the CSS generated content copyable",[121,125],{"id":122,"by":123,"text":124},"9355091","captn3m0","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…",{"id":126,"by":127,"text":128},"9356074","_august","Alternatively, you could say it the browser's job to support copy\u002Fpaste of content inserted with CSS.",[130],{"value":131,"source":64,"evidence":132},"What are the use cases?",[133],{"id":122,"by":123,"text":124},[135,142,146,153],{"value":136,"source":64,"evidence":137},"ReMarkdown",[138],{"id":139,"by":140,"text":141},"9355466","Foomandoonian","See also ReMarkdown: http:\u002F\u002Ffvsch.com\u002Fcode\u002Fremarkdown\u002F 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.…",{"value":143,"source":64,"evidence":144},"markdown.css",[145],{"id":139,"by":140,"text":141},{"value":147,"source":64,"evidence":148},"reMarked.js",[149],{"id":150,"by":151,"text":152},"9355191","leeoniya","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,…",{"value":154,"source":64,"evidence":155},"Angular directives approach",[156],{"id":157,"by":158,"text":159},"9356283","filearts","Not nearly as impressive, but I did this using Angular directives a while back: http:\u002F\u002Fembed.plnkr.co\u002FzSjqqh\u002Fpreview This is the jQuery README.md rendered as html, then with a…",{"comments":33,"answered":33,"key":161},[162],{"id":50,"text":51},{"commenters":164,"max_depth":40,"maker_replies":33,"first_comment_mins":165,"lifespan_hours":166},22,34,44,[168,170,172,174,177,178,180,183,184,186,188,189,193,194,197,200,201,204,206,209,212,214,218],[67,42,17,169,68,42],"project\u002Fpositive\u002Fexecution",[82,42,33,171,83,42],"project\u002Fcritical\u002Fexecution",[100,33,33,173,101,42],"project\u002Fcritical\u002Fidea",[175,33,33,173,176,42],"9358748","elwell",[86,33,33,171,87,42],[139,31,42,179,140,42],"other\u002Fneutral\u002Fnone",[181,40,33,173,182,42],"9355500","neckro23",[107,32,33,171,108,42],[122,17,40,185,123,42],"project\u002Fneutral\u002Fidea",[50,17,42,187,10,33],"maker\u002Fneutral\u002Fidea",[150,17,42,179,151,42],[190,17,40,191,192,42],"9356521","project\u002Fmixed\u002Fidea","anoother",[90,17,33,171,87,42],[195,17,40,185,196,42],"9356639","stronglikedan",[198,17,40,185,199,42],"9357741","makenosound",[157,38,42,179,158,42],[74,202,17,203,75,42],7,"project\u002Fpositive\u002Fidea",[114,205,33,171,115,42],8,[207,34,42,179,208,42],"9357562","zamalek",[210,34,42,179,211,42],"9358239","alphapapa",[93,213,33,171,94,42],10,[215,213,42,216,217,42],"9355571","commenter\u002Fneutral\u002Fnone","artursapek",[126,213,40,219,127,42],"project\u002Fneutral\u002Fexecution",[],[222,227,232,237,242,247],{"id":223,"name":224,"points":225,"category":226},"9348193","Where is “Who is hiring?” hiring?",493,"productivity",{"id":228,"name":229,"points":230,"category":231},"9372918","Niltalk",169,"consumer_social",{"id":233,"name":234,"points":235,"category":236},"9351286","botwillacceptanything",155,"ai",{"id":238,"name":239,"points":240,"category":241},"9366549","TypeSlab",138,"creative",{"id":243,"name":244,"points":245,"category":246},"9375767","java-dirty",74,"data",{"id":248,"name":249,"points":250,"category":251},"9348497","Laundromatch",72,"web_saas",false,"v2",{"id":255,"name":5,"line":5,"ai":252,"cat":19,"year":12,"points":13,"comments":14,"rec":28,"s":256,"top":17,"kw":257,"maker":10,"domain":9,"tier":18,"attempts":42,"strip":258,"url":8,"mix":259,"praise":63,"objection":79,"sub":20},9354873,-0.33,[23,24,25,26,27],"51111011300313305100103",[31,32,33,34],1794036530239]