[{"data":1,"prerenderedAt":245},["ShallowReactive",2],{"project-5831394":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":10,"maker":11,"posted_at":12,"year":13,"points":14,"comments":15,"rank_in_year":16,"shown_in_year":17,"top":18,"tier":19,"category":20,"subcategory":21,"format":22,"keywords":23,"reception":28,"sentiment":29,"stance_mix":30,"scored_comments":33,"aspects":34,"strip":41,"post_text":44,"what":45,"said":60,"maker_in_thread":168,"shape":174,"grid":177,"attempts":207,"same_week":208,"maker_shows":37,"maker_hidden":237,"reader_version":238,"card":239},"5831394","Popline","An HTML5 Rich Text Editor Toolbar","title","Show HN: Popline – An HTML5 Rich Text Editor Toolbar","http:\u002F\u002Fkenshin54.github.io\u002Fpopline\u002F","kenshin54.github.io","pepsin",1370511150,2013,55,15,461,1739,27,"notable","dev_tools","text editor toolbar","library",[24,25,26,27],"html5 editor","rich text editor","wysiwyg toolbar","contenteditable","mixed",-0.125,{"positive":31,"neutral":31,"mixed":31,"critical":32},2,4,10,{"docs":35,"execution":38,"design":39,"idea":40},{"positive":36,"critical":37},0,1,{"positive":36,"critical":31},{"positive":31,"critical":37},{"positive":36,"critical":36},[36,42,36,36,37,37,37,43,36,43,42,42,37,36,42],3,5,null,{"problem":44,"audience":44,"pricing":44,"motivation":46,"time_to_build":53,"stack":57,"openness":58,"stage":58,"team_size":59},{"value":47,"source":48,"evidence":49},"A weekend side project","maker",[50],{"id":51,"by":11,"text":52},"5831400","A weekend side project done by kenshin54 and myself, hope it is working for you. And it's far more powerful than it presents.",{"value":54,"source":48,"evidence":55},"a weekend",[56],{"id":51,"by":11,"text":52},[],"unknown","team",{"praise":61,"objections":81,"requests":119,"questions":142,"alternatives":151},[62,74],{"value":63,"source":64,"evidence":65},"Looks cool and resembles Medium's floating editor toolbar","commenter",[66,70],{"id":67,"by":68,"text":69},"5831489","n0nick","Pretty cool! Reminds me of the UI on medium.com (selecting text on view mode allows sharing and commenting, and on edit mode pops up a floating format toolbar).",{"id":71,"by":72,"text":73},"5834318","jbrooksuk","This is really weird, I happened to ask on Twitter if there was anything like this just two days ago: https:\u002F\u002Ftwitter.com\u002Fjbrooksuk\u002Fstatus\u002F341914274014302208 It's almost perfect,…",{"value":75,"source":64,"evidence":76},"Good UI, similar to Hallo.js editor",[77],{"id":78,"by":79,"text":80},"5831465","bergie","Seems to lack a license. I'm assuming the intention was to make this open source? Anyway, great work! Many similarities in the UI to my http:\u002F\u002Fhallojs.org\u002F editor. I'd love to…",[82,89,100,108,112],{"value":83,"source":64,"evidence":84},"Menu sits over the text and needs bottom margin",[85],{"id":86,"by":87,"text":88},"5831550","Trezoid","Could use a bit of a margin on the bottom of the menu. It tends to sit over the text, either partially or completely which probably isn't really the expected behavior for an edit…",{"value":90,"source":64,"evidence":91},"Animations are too slow and should be snappier",[92,96],{"id":93,"by":94,"text":95},"5832810","bhauer","Very nice. Agreed with another commenter that the default animations could be snappier. I have a complaint: like many HTML WYSIWYG tools, modes are not directly reversible. For…",{"id":97,"by":98,"text":99},"5832031","yesimahuman","Looks interesting! A few thoughts to make a bit nicer to use: it could be much smaller, and flow slightly higher above the text. Also the animations between different modes (for…",{"value":101,"source":64,"evidence":102},"Toggling formats like lists leaves polluted HTML and adds stray paragraphs",[103,104],{"id":93,"by":94,"text":95},{"id":105,"by":106,"text":107},"5832880","custodes","Yep, not so many editor do this right.The only editor I know fix this pain is the medium's editor. But their function are so limit.",{"value":109,"source":64,"evidence":110},"Toolbar is too large and should sit higher above the text",[111],{"id":97,"by":98,"text":99},{"value":113,"source":64,"evidence":114},"Typo in documentation: 'provide'",[115],{"id":116,"by":117,"text":118},"5831786","beeglebug","You need to add an 's' at the end of \"provide\".",[120,127,134,138],{"value":121,"source":64,"evidence":122},"Add the ability to export HTML code",[123],{"id":124,"by":125,"text":126},"5831534","tuananh","Would you add the ability to export the HTMl code?",{"value":128,"source":64,"evidence":129},"Support inserting images",[130],{"id":131,"by":132,"text":133},"5831552","anderspetersson","Looks cool! Does it support inserting images?",{"value":135,"source":64,"evidence":136},"Add a license",[137],{"id":78,"by":79,"text":80},{"value":139,"source":64,"evidence":140},"Integrate with Create.js",[141],{"id":78,"by":79,"text":80},[143,147],{"value":144,"source":64,"evidence":145},"Is it open source?",[146],{"id":78,"by":79,"text":80},{"value":148,"source":64,"evidence":149},"Does it support inserting images?",[150],{"id":131,"by":132,"text":133},[152,157,161],{"value":153,"source":64,"evidence":154},"Medium's editor",[155,156],{"id":67,"by":68,"text":69},{"id":105,"by":106,"text":107},{"value":158,"source":64,"evidence":159},"Hallo.js",[160],{"id":78,"by":79,"text":80},{"value":162,"source":64,"evidence":163},"Create.js",[164],{"id":165,"by":166,"text":167},"5833769","primaryobjects","I was just going to comment on the similarity as well. I think these built-in HTML5 editors are great, especially when they include persistence. For the node.js devs, I made a…",{"comments":31,"answered":36,"key":169},[170,171],{"id":51,"text":52},{"id":172,"text":173},"5831624","Yeah, Medium's editor just give us the spark, and kenshin54 said he can make it cooler, and here it is.",{"commenters":175,"max_depth":32,"maker_replies":31,"first_comment_mins":31,"lifespan_hours":176},13,24,[178,180,182,184,186,188,189,191,193,194,195,197,199,202,205],[51,36,36,179,11,37],"project\u002Fneutral\u002Fidea",[78,36,42,181,79,36],"project\u002Fmixed\u002Fdocs",[165,36,36,183,166,36],"commenter\u002Fneutral\u002Fnone",[185,36,36,183,79,36],"5838068",[93,37,37,187,94,36],"project\u002Fcritical\u002Fexecution",[105,37,37,187,106,36],[86,31,37,190,87,36],"project\u002Fcritical\u002Fdesign",[67,42,43,192,68,36],"project\u002Fpositive\u002Fdesign",[172,42,36,183,11,37],[71,32,43,192,72,36],[97,43,42,196,98,36],"project\u002Fmixed\u002Fdesign",[124,198,42,179,125,36],6,[116,200,37,201,117,36],7,"project\u002Fcritical\u002Fdocs",[203,200,36,183,204,36],"5832184","andoband",[131,206,42,179,132,36],8,[],[209,214,219,223,227,232],{"id":210,"name":211,"points":212,"category":213},"5845541","nsa_panel",188,"other",{"id":215,"name":216,"points":217,"category":218},"5838873","arkOS",156,"infrastructure",{"id":220,"name":221,"points":222,"category":20},"5831093","gdocs2md",86,{"id":224,"name":225,"points":14,"category":226},"5840481","CryptoNote","security_privacy",{"id":228,"name":229,"points":230,"category":231},"5837843","Swedish Startup Space",47,"web_saas",{"id":233,"name":234,"points":235,"category":236},"5864290","my hackathon project",39,"data",false,"v2",{"id":240,"name":5,"line":6,"ai":237,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":241,"top":18,"kw":242,"maker":11,"domain":10,"tier":19,"attempts":36,"strip":243,"url":9,"mix":244,"praise":63,"objection":83,"sub":21},5831394,-0.12,[24,25,26,27],"030011150533103",[31,31,31,32],1793990895211]