[{"data":1,"prerenderedAt":380},["ShallowReactive",2],{"project-22451568":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":35,"aspects":36,"strip":46,"post_text":47,"what":48,"said":76,"maker_in_thread":211,"shape":213,"grid":217,"attempts":342,"same_week":343,"maker_shows":33,"maker_hidden":372,"reader_version":373,"card":374},"22451568","Edtr.io","Intuitive web editor, open source and fully adaptable","title","Show HN: Edtr.io – Intuitive web editor, open source and fully adaptable","https:\u002F\u002Fedtr.io","edtr.io","SplishCrew",1582996308,2020,234,56,216,3028,8,"notable","dev_tools","embeddable rich text editor","library",[24,25,26,27],"react editor","wysiwyg editor","open source editor","slate editor","curious",-0.312,{"positive":31,"neutral":32,"mixed":33,"critical":34},5,26,1,14,46,{"docs":37,"execution":39,"design":41,"idea":44,"performance":45},{"positive":38,"critical":38},0,{"positive":38,"critical":40},6,{"positive":42,"critical":43},2,3,{"positive":42,"critical":43},{"positive":38,"critical":33},[43,43,43,38,38,33,31,33,31,31,33,43,33,33,33,43,43,33,31,33,38,33,43,43,33,43,43,43,43,43,43,43,38,43,33,33,43,43,33,43],null,{"problem":49,"audience":47,"pricing":47,"motivation":57,"time_to_build":47,"stack":61,"openness":73,"stage":74,"team_size":75},{"value":50,"source":51,"evidence":52},"Editing complex, interactive layouts is messy with plain rich-text editors","commenter",[53],{"id":54,"by":55,"text":56},"22452630","inyono","Core contributor of Edtr.io here: Slate works well for editing text. Anything with a more complicated layout \u002F UX gets really messy though, since with Slate, you always have to…",{"value":58,"source":51,"evidence":59},"Slate handles text poorly for complex layouts, so they built their own state and layout management",[60],{"id":54,"by":55,"text":56},[62,69],{"value":63,"source":51,"evidence":64},"React",[65],{"id":66,"by":67,"text":68},"22453848","ergo14","Yeah, but it only makes sense to do so on a page that already is using react. If you are using some other JS framework it will add 140kb dep on react+react-dom - which might be a…",{"value":70,"source":51,"evidence":71},"Slate",[72],{"id":54,"by":55,"text":56},"open_source","beta","team",{"praise":77,"objections":96,"requests":135,"questions":152,"alternatives":171},[78,89],{"value":79,"source":51,"evidence":80},"Clean, intuitive editing with a live demo on the landing page",[81,85],{"id":82,"by":83,"text":84},"22454030","predators372","I thought that until I realized that image that's there IS the actual editor",{"id":86,"by":87,"text":88},"22454040","jedimastert","The entire page is editable and a live demo. It could probably be higher up, but it is mentioned on the page.",{"value":90,"source":51,"evidence":91},"Good JSON data structure for content with custom components",[92],{"id":93,"by":94,"text":95},"22453580","fourstar","Nice. I honestly have been looking for something like this for awhile. All the examples I found with slate were either insufficient or outdated (i.e. canner editor) -- and in a…",[97,108,115,125],{"value":98,"source":51,"evidence":99},"Keyboard navigation and shortcuts are broken",[100,104],{"id":101,"by":102,"text":103},"22454103","spurgu","Criticism: Cmd+left\u002Fright\u002Fup\u002Fdown doesn't work - instant dealbreaker.",{"id":105,"by":106,"text":107},"22455905","chrismorgan","Much other keyboard accessibility is also painfully broken. It’s basically only usable by mouse. Up\u002FDown do the wrong thing almost every time (though within a multi-line…",{"value":109,"source":51,"evidence":110},"Layout and dialog design look broken",[111],{"id":112,"by":113,"text":114},"22452608","andybak","Layouts seem broken. Dialogs that are mostly empty space and icons that overlap borders.",{"value":116,"source":51,"evidence":117},"Mobile support is limited and hyperlink insertion is buggy",[118,121],{"id":119,"by":55,"text":120},"22452924","It’s pronounced Editor IO. Web editor in the sense that the editor runs as a web app, and the default rendering output is React (although other output formats are possible).…",{"id":122,"by":123,"text":124},"22456317","nmstoker","Looks good and am glad that editing text works on mobile (so many of these struggle with predictive text, even Google CoLabs's text boxes gets stuck on that) However when you go…",{"value":126,"source":51,"evidence":127},"Relies on Slate, which has breaking changes and is in beta",[128,131],{"id":129,"by":94,"text":130},"22453526","Here's the problem relying on slate (I've used it and all the others [quill, ckeditor, etc etc]) -- you are also relying on Ian Storm Taylor and he's known for going on a streak…",{"id":132,"by":133,"text":134},"22453332","bhl","Slate is in beta and isn’t stable yet last time I heard.",[136,146],{"value":137,"source":51,"evidence":138},"Clarify MIT license and commercial use on the landing page",[139,143],{"id":140,"by":141,"text":142},"22452764","leshokunin","This is really nice. One note: the landing page doesn’t mention the MIT license or commercial use. I had to go to the repo to figure it out. Would love to look into integrating…",{"id":144,"by":55,"text":145},"22452789","Yes, landing page only mentions Open Source, maybe we should clarify that. You can reach us at edtr-io@splish.dev",{"value":147,"source":51,"evidence":148},"Clarify who the project is for and compare with alternatives",[149],{"id":150,"by":94,"text":151},"22453626","TBH my suggestion is to work on making this more clear of who it's for. Maybe add a comparison to other current solutions out there, since at first I was a bit confused what it's…",[153,160],{"value":154,"source":51,"evidence":155},"What does it add over Slate alone?",[156],{"id":157,"by":158,"text":159},"22452589","jsf01","So this is built on Slate—what does it bring to the table that you can’t do with Slate out of the box?",{"value":161,"source":51,"evidence":162},"Can it be embedded on a web page or used as a CMS?",[163,167],{"id":164,"by":165,"text":166},"22453005","monikgandhi","Is it possible to embed the editor on a web page?",{"id":168,"by":169,"text":170},"22453595","indigodaddy","So can I put this on my site to kind of make a cms for my site to add pages or blogs\u002Fblog posts etc?",[172,182,189,196,207],{"value":173,"source":51,"evidence":174},"ProseMirror",[175,179],{"id":176,"by":177,"text":178},"22452746","curo","Prosemirror seems to be one of the most pluggable block editors out there. For the vue.js community, tiptap is built on prosemirror. Slate (which this is built on) is good too.",{"id":180,"by":133,"text":181},"22454257","Try ProseMirror. There’s a high learning curve at the beginning, but it’s pretty simple to make custom nodes and plugins once you understand the framework and APIs.",{"value":183,"source":51,"evidence":184},"Quill",[185],{"id":186,"by":187,"text":188},"22453422","sam_goody","There are LOTS of competitors, but of course, not all are apples to apples. Here is a partial list of some of the more active wysiwyg editors: ``` Quill: https:\u002F\u002Fquilljs.com…",{"value":190,"source":51,"evidence":191},"GrapesJS",[192],{"id":193,"by":194,"text":195},"22455780","tmikaeld","If you're going to use it commercially, don't miss https:\u002F\u002Fgrapesjs.com\u002F It has a much more stable API, UIs and it has an MJML preset. Under a permissive BSD-3 license.",{"value":197,"source":51,"evidence":198},"Gutenberg",[199,203],{"id":200,"by":201,"text":202},"22452767","joking","Gutenberg, it can be decoupled from Wordpress. But you can start searching for tinymce alternatives and you will found hundreds",{"id":204,"by":205,"text":206},"22455671","noeltock","Gutenberg https:\u002F\u002Fwordpress.org\u002Fgutenberg\u002F",{"value":208,"source":51,"evidence":209},"Editor.js",[210],{"id":186,"by":187,"text":188},{"comments":38,"answered":38,"key":212},[],{"commenters":214,"max_depth":40,"maker_replies":38,"first_comment_mins":215,"lifespan_hours":216},33,138,45,[218,220,222,225,227,231,234,237,239,242,246,250,252,253,255,259,261,262,264,267,269,270,273,274,276,278,280,282,283,286,287,291,293,295,298,299,303,304,305,307,308,309,311,313,316,319,321,322,325,327,330,332,334,335,337,339],[140,38,43,219,141,38],"project\u002Fmixed\u002Fdocs",[144,38,43,221,55,38],"project\u002Fneutral\u002Fdocs",[223,38,43,224,141,38],"22452835","maker\u002Fneutral\u002Fnone",[226,38,43,224,55,38],"22452934",[228,38,38,229,230,38],"22452989","commenter\u002Fneutral\u002Fnone","tdhttt",[232,38,38,233,55,38],"22453008","commenter\u002Fneutral\u002Fdocs",[235,38,38,229,236,38],"22453335","hombre_fatal",[193,38,33,238,194,38],"project\u002Fcritical\u002Fnone",[240,38,31,241,141,38],"22456150","maker\u002Fpositive\u002Fnone",[243,33,33,244,245,38],"22454528","project\u002Fcritical\u002Fexecution","mkl",[247,42,43,248,249,38],"22452941","project\u002Fneutral\u002Fdesign","raidicy",[82,42,31,251,83,38],"project\u002Fpositive\u002Fdesign",[86,42,43,248,87,38],[254,42,31,251,249,38],"22454655",[256,42,33,257,258,38],"22456345","project\u002Fcritical\u002Fdesign","andai",[260,42,43,221,55,38],"22454157",[101,43,33,244,102,38],[263,43,38,229,55,38],"22454125",[265,43,33,244,266,38],"22454255","hk__2",[268,43,43,224,55,38],"22454332",[105,43,33,244,106,38],[157,271,43,272,158,38],4,"project\u002Fneutral\u002Fidea",[54,271,43,272,55,38],[129,271,33,275,94,38],"project\u002Fcritical\u002Fidea",[277,271,43,272,55,38],"22453548",[93,271,31,279,94,38],"project\u002Fpositive\u002Fidea",[281,271,38,229,55,38],"22453594",[180,271,33,275,133,38],[284,271,38,229,285,38],"22454493","gitgud",[122,31,33,244,123,38],[288,40,38,289,290,38],"22456013","other\u002Fneutral\u002Fnone","madmaniak",[168,292,43,272,169,38],7,[294,292,43,272,55,38],"22453638",[296,18,33,244,297,38],"22452891","tobr",[119,18,43,221,55,38],[300,301,43,272,302,38],"22452455",9,"iforgotmypass",[176,301,43,272,177,38],[132,301,33,275,133,38],[306,301,31,279,55,38],"22453344",[200,301,43,272,201,38],[186,301,43,272,187,38],[310,301,43,272,94,38],"22453641",[312,301,43,272,133,38],"22454268",[314,301,43,272,315,38],"22454300","dharma1",[317,301,38,289,318,38],"22456216","SvenAl",[320,301,38,289,318,38],"22456225",[204,301,43,272,205,38],[323,301,43,272,324,38],"22455693","pinky07",[112,326,33,257,113,38],10,[328,326,33,257,329,38],"22452766","elliotec",[164,331,43,272,165,38],11,[333,331,43,272,55,38],"22453080",[150,331,43,221,94,38],[66,331,33,336,67,38],"project\u002Fcritical\u002Fperformance",[338,331,43,272,55,38],"22454141",[340,331,38,341,67,38],"22464535","commenter\u002Fpositive\u002Fidea",[],[344,349,354,359,364,368],{"id":345,"name":346,"points":347,"category":348},"22441289","Profit Hunt",528,"web_saas",{"id":350,"name":351,"points":352,"category":353},"22483436","Monitoror",295,"infrastructure",{"id":355,"name":356,"points":357,"category":358},"22434200","Goodreads Data Pipeline",213,"data",{"id":360,"name":361,"points":362,"category":363},"22464353","Support Examples",198,"productivity",{"id":365,"name":366,"points":367,"category":20},"22476514","InventHub",185,{"id":369,"name":370,"points":371,"category":20},"22465675","Webcodesk",178,false,"v2",{"id":375,"name":5,"line":6,"ai":372,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":376,"top":18,"kw":377,"maker":11,"domain":10,"tier":19,"attempts":38,"strip":378,"url":9,"mix":379,"praise":79,"objection":98,"sub":21},22451568,-0.31,[24,25,26,27],"3330015155131113315101331333333303113313",[31,32,33,34],1793991004266]