[{"data":1,"prerenderedAt":637},["ShallowReactive",2],{"project-36446045":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":45,"post_text":46,"what":47,"said":115,"maker_in_thread":242,"shape":250,"grid":254,"attempts":599,"same_week":600,"maker_shows":33,"maker_hidden":629,"reader_version":630,"card":631},"36446045","Vrite Editor","An open-source, collaborative, WYSIWYG Markdown editor","title","Show HN: An open-source, collaborative, WYSIWYG Markdown editor","https:\u002F\u002Feditor.vrite.io\u002F","editor.vrite.io","arek_nawo",1687524012,2023,460,128,63,3109,3,"legend","productivity","markdown editor","web_app",[24,25,26,27],"wysiwyg markdown editor","collaborative markdown","open source editor","tiptap prosemirror","curious",-0.068,{"positive":31,"neutral":32,"mixed":33,"critical":34},9,25,2,11,47,{"idea":37,"docs":39,"design":42,"execution":44},{"positive":38,"critical":18},4,{"positive":40,"critical":41},0,1,{"positive":33,"critical":43},5,{"positive":33,"critical":33},[41,18,43,40,18,40,40,40,40,40,40,40,40,40,43,18,40,40,40,18,43,41,18,18,18,18,41,18,43,41,40,33,41,43,33,18,43,41,33,18],"Inspired by the design and UI\u002FUX of apps like Notion, and utility of open-source apps like StackEdit, I decided to create a minimalistic, local-only WYSIWYG Markdown editor.\n\nSome features worth highlighting:\n\n- Monaco editor and Prettier integration for code snippets\n\n- Tables (apparently the holy grail of WYSIWYG editing)\n\n- Embeds (for CodePen, CodeSandbox and YouTube, most useful for HTML or JSON exports)\n\n- Accepts Markdown paste-in, and \"exports\"\u002Fgenerates HTML, Markdown and JSON outputs\n\n- Collaboration (with real-time awareness and initial commenting system, available only when logged ",{"problem":48,"audience":57,"pricing":65,"motivation":66,"time_to_build":65,"stack":70,"openness":112,"stage":113,"team_size":114},{"value":49,"source":50,"evidence":51},"Writing Markdown content visually without handling markup, while keeping Markdown-style storage and export","maker",[52,54],{"id":53},"post",{"id":55,"by":11,"text":56},"36446380","I think there is use for good WYSIWYG-Markdown integration. Can't really speak for others but, when writing longer forms of content (technical blog posts, docs, etc.) Markdown…",{"value":58,"source":59,"evidence":60},"Technical writers and bloggers who write docs and posts","inferred",[61,62],{"id":55,"by":11,"text":56},{"id":63,"by":11,"text":64},"36459864","Vrite as a whole can be referred to as a headless CMS, though it’s different compared to other tools in this category. Essentially it’s a toolkit intended primarily for technical…",null,{"value":67,"source":50,"evidence":68},"Inspired by Notion's UI\u002FUX and StackEdit's utility",[69],{"id":53},[71,75,84,88,92,96,100,104],{"value":72,"source":50,"evidence":73},"TipTap",[74],{"id":53},{"value":76,"source":50,"evidence":77},"ProseMirror",[78,81],{"id":79,"by":11,"text":80},"36449169","TipTap is built on ProseMirror. Basic elements of the editor are made in TipTap, while for more advanced use (tables, menus, integrating code editor) I had to tap into…",{"id":82,"by":11,"text":83},"36447074","Yeah, my bad. Already mentioned it in one of the other comments and it's also noted in the docs. I had to tap a lot into PM to implement more advanced features so it definitely…",{"value":85,"source":50,"evidence":86},"Solid.js",[87],{"id":53},{"value":89,"source":50,"evidence":90},"HocusPocus",[91],{"id":53},{"value":93,"source":50,"evidence":94},"Fastify",[95],{"id":53},{"value":97,"source":50,"evidence":98},"tRPC",[99],{"id":53},{"value":101,"source":50,"evidence":102},"Monaco editor",[103],{"id":53},{"value":105,"source":106,"evidence":107},"Yjs","commenter",[108],{"id":109,"by":110,"text":111},"36446473","samwillis","Nice, building with TipTap\u002FProseMirror is such a joy. Not mentioned (but inferred from TipTap + HocusPocus, the guys that originally built both are awesome BTW) this is using the…","open_source","beta","unknown",{"praise":116,"objections":136,"requests":164,"questions":190,"alternatives":207},[117,128],{"value":118,"source":106,"evidence":119},"Clean, beautiful and user friendly design",[120,124],{"id":121,"by":122,"text":123},"36446621","cmer","It looks beautiful and is very user friendly. Congrats!",{"id":125,"by":126,"text":127},"36446437","HeckFeck","Nice. I have been on the lookout for a collaboration platform to keep docs + help plan dev, will give Vrite a look as well.",{"value":129,"source":106,"evidence":130},"Useful for collaborative docs",[131,135],{"id":132,"by":133,"text":134},"36446823","solarkraft","I've been wanting this. Like an Etherpad that feels better and works on Markdown. I'll definitely have a look!",{"id":125,"by":126,"text":127},[137,148,154],{"value":138,"source":106,"evidence":139},"Markdown is meant to be plain text, so WYSIWYG contradicts it",[140,144],{"id":141,"by":142,"text":143},"36446310","Brendinooo","Congrats on building and shipping something! That said, from the original document about Markdown[0]: > The overriding design goal for Markdown’s formatting syntax is to make it…",{"id":145,"by":146,"text":147},"36450580","johnwheeler","I understand the motivation behind creating a local-only WYSIWYG Markdown editor, but I can't help but feel conflicted about it. Markdown was designed to prioritize simplicity…",{"value":149,"source":50,"evidence":150},"No mobile support",[151],{"id":152,"by":11,"text":153},"36446208","Sorry for that. Forgot to include it in the drawbacks. I tried the editor as-is on iOS and it wasn't a good experience. All the menus (for blocks and inline) just mess with the…",{"value":155,"source":106,"evidence":156},"Safari hangs or breaks styling",[157,161],{"id":158,"by":159,"text":160},"36446843","CGamesPlay","Looks great on Chrome. It completely hangs Safari, though. Version 16.3 (17614.4.6.11.6, 17614)",{"id":162,"by":11,"text":163},"36446950","For me Safari seems to be working fine, except some broken styling. Will try to explore more and fix what I can.",[165,176,183],{"value":166,"source":106,"evidence":167},"Show raw Markdown syntax while editing",[168,172],{"id":169,"by":170,"text":171},"36446414","Palmik","It would be great if there was a mode that allows you to see the full markdown syntax (while still applying formatting implied by the markdown). I personally find it strange to…",{"id":173,"by":174,"text":175},"36447052","ch_sm","Thanks for sharing! Looks awesome! If it’s Markdown however, in my personal opinion, it should show the Markdown syntax, too, and not hide it. E.g. the headlines should have the…",{"value":177,"source":106,"evidence":178},"Mermaid diagram support",[179],{"id":180,"by":181,"text":182},"36449456","hhh","Haven’t used it yet, any support for Mermaid diagrams?",{"value":184,"source":106,"evidence":185},"Generic iframe embeds",[186],{"id":187,"by":188,"text":189},"36447805","nip","Neat! I write every blog post \u002F documentation in Markdown, so I'll definitely be following your progress! Do you accept \"embed\" requests? I tried embedding an Iframe but it did…",[191,201],{"value":192,"source":106,"evidence":193},"How does it compare to Obsidian, MarkText, Typora or HackMD",[194,198],{"id":195,"by":196,"text":197},"36458169","d4rkp4ttern","Skimmed the comments but didn’t see mention of : Open source — MarkText https:\u002F\u002Fgithub.com\u002Fmarktext\u002Fmarktext Not open source — Typora https:\u002F\u002Ftypora.io\u002F Open source —…",{"id":199,"by":11,"text":200},"36449123","I'm a bit confused about that. I have heard of but haven't really tried Obsidian. How does what you're describing differs from so-called \"Markdown shortcuts\" (implemented in my…",{"value":202,"source":106,"evidence":203},"Does it support self-hosting",[204],{"id":205,"by":11,"text":206},"36447153","I'd like to encourage you to check out Vrite as a whole. I'm actively working on this to make it better for documentation and knowledge base management. Good UI and UX are among…",[208,219,226,230,234,238],{"value":209,"source":106,"evidence":210},"StackEdit",[211,215],{"id":212,"by":213,"text":214},"36446867","meesles","StackEdit[0] pretty much perfected what I needed out of a markdown editor - I just need somewhere to write my tickets\u002Fdocs that wasn't Github so that I could format it properly…",{"id":216,"by":217,"text":218},"36451415","Reitet00","StackEdit looks really nice! Does it support concurrent edits from several users? (as several etherpad-like services do)",{"value":220,"source":106,"evidence":221},"Outline",[222],{"id":223,"by":224,"text":225},"36446942","MitPitt","Is anyone else using an internal wiki engine like Outline or Wiki.js, for their company or community? I am stuck self-hosting Outline because it has the most intuitive navigation…",{"value":227,"source":106,"evidence":228},"HackMD",[229],{"id":195,"by":196,"text":197},{"value":231,"source":106,"evidence":232},"Typora",[233],{"id":195,"by":196,"text":197},{"value":235,"source":106,"evidence":236},"MarkText",[237],{"id":195,"by":196,"text":197},{"value":239,"source":50,"evidence":240},"Notion",[241],{"id":53},{"comments":243,"answered":43,"key":244},21,[245,246,249],{"id":55,"text":56},{"id":247,"text":248},"36448055","That's so true! I have a really hard time categorising what Vrite Editor, let alone the entire Vrite is. I can't really describe it in detail as it'd be too long and, to keep it…",{"id":199,"text":200},{"commenters":251,"max_depth":252,"maker_replies":243,"first_comment_mins":34,"lifespan_hours":253},86,8,99,[255,257,261,264,266,270,274,278,281,285,288,290,292,295,297,299,303,306,309,312,315,318,321,324,327,330,333,336,339,341,343,346,349,352,355,357,360,362,365,367,369,372,375,377,380,382,385,388,391,395,396,399,402,405,407,410,413,416,419,422,423,426,428,431,434,438,441,443,445,447,451,452,454,456,460,461,463,466,467,468,470,473,476,480,482,484,486,487,489,491,492,495,499,503,504,508,511,513,515,517,522,526,528,530,534,536,539,541,545,549,553,555,557,561,563,566,568,570,572,575,577,579,582,586,588,590,594,597],[141,40,41,256,142,40],"project\u002Fcritical\u002Fidea",[258,40,40,259,260,40],"36446379","commenter\u002Fneutral\u002Fnone","avgcorrection",[262,40,40,259,263,40],"36446768","sbjs",[55,40,40,265,11,41],"maker\u002Fpositive\u002Fdesign",[267,40,18,268,269,40],"36447208","maker\u002Fneutral\u002Fdocs","chii",[271,40,40,272,273,40],"36446773","other\u002Fneutral\u002Fnone","zerkten",[275,40,43,276,277,40],"36446794","project\u002Fpositive\u002Fidea","wouldbecouldbe",[279,40,40,272,280,40],"36447708","lostlogin",[282,40,18,283,284,40],"36447902","project\u002Fmixed\u002Fdesign","Turing_Machine",[286,40,40,272,287,40],"36448361","reportgunner",[289,40,40,259,133,40],"36446804",[212,40,40,291,213,40],"other\u002Fpositive\u002Fnone",[293,40,40,259,294,40],"36450317","luuuzeta",[216,40,18,296,217,40],"project\u002Fneutral\u002Fidea",[298,40,40,259,213,40],"36494693",[300,40,18,301,302,40],"36447040","project\u002Fneutral\u002Fdesign","pseudocomposer",[304,40,40,272,305,40],"36447598","vorpalhex",[307,40,40,272,308,40],"36448272","StackOverlord",[310,40,40,272,311,40],"36448600","hunter2_",[313,40,40,272,314,40],"36448274","chatmasta",[316,40,40,272,317,40],"36448814","dadoomer",[319,40,40,272,320,40],"36449449","pavo-etc",[322,40,40,272,323,40],"36449975","pxc",[325,40,40,272,326,40],"36458199","specialist",[328,40,40,259,329,40],"36447129","replwoacause",[331,40,40,259,332,40],"36447130","eviks",[334,40,40,259,335,40],"36447452","rchaud",[337,40,40,259,338,40],"36447644","411111111111111",[340,40,40,259,284,40],"36447769",[342,40,40,259,338,40],"36448164",[344,40,40,259,345,40],"36451636","hgsgm",[347,40,40,259,348,40],"36451832","condwanaland",[350,40,40,259,351,40],"36453524","MrVandemar",[353,40,40,259,354,40],"36447885","throwawaaarrgh",[356,40,40,259,338,40],"36448104",[358,40,40,272,359,40],"36447697","wmeredith",[361,40,40,259,142,40],"36448341",[363,40,40,259,364,40],"36448554","psytrx",[366,40,40,259,311,40],"36448691",[368,40,40,272,142,40],"36448836",[370,40,40,272,371,40],"36448463","nicbou",[373,40,40,272,374,40],"36447747","egonschiele",[376,40,40,259,354,40],"36447859",[378,40,40,259,379,40],"36447898","lpcvoid",[381,40,40,259,142,40],"36448296",[383,40,40,259,384,40],"36448846","0xbadcafebee",[386,40,18,296,387,40],"36447866","herpdyderp",[389,40,43,276,390,40],"36447874","rpodraza",[392,40,18,393,394,40],"36447917","maker\u002Fneutral\u002Fidea","cientifico",[247,40,40,393,11,41],[397,40,18,398,142,40],"36448384","project\u002Fneutral\u002Fexecution",[400,40,40,272,401,40],"36448257","TechBro8615",[403,40,40,259,404,40],"36448870","indymike",[406,40,40,259,323,40],"36449132",[408,40,40,272,409,40],"36451878","brazzledazzle",[411,40,40,259,412,40],"36448922","cjbprime",[414,40,40,259,415,40],"36452350","prmoustache",[417,40,40,272,418,40],"36448964","thaumaturgy",[420,40,40,272,421,40],"36449052","111111IIIIIII",[199,40,40,259,11,41],[424,40,40,259,425,40],"36449356","philomath_mn",[427,40,40,296,11,41],"36450074",[429,40,18,301,430,40],"36452242","tedmiston",[432,40,40,259,433,40],"36455568","Forricide",[435,41,43,436,437,40],"36446991","project\u002Fpositive\u002Fexecution","dbrgn",[439,41,18,398,440,40],"36447222","twsted",[442,41,40,272,284,40],"36447980",[444,41,40,259,437,40],"36448030",[446,41,40,272,284,40],"36448093",[448,33,41,449,450,40],"36446138","project\u002Fcritical\u002Fdesign","jitl",[152,33,40,301,11,41],[453,33,18,398,450,40],"36446874",[455,33,40,398,11,41],"36447013",[457,33,18,458,459,40],"36448212","maker\u002Fneutral\u002Fexecution","tmzt",[79,33,40,458,11,41],[462,33,18,301,284,40],"36448027",[464,33,41,449,465,40],"36447733","paholg",[109,18,43,436,110,40],[169,38,18,301,170,40],[469,38,40,301,11,41],"36446928",[471,38,18,301,472,40],"36448032","DistractionRect",[474,38,18,301,475,40],"36452111","ddejohn",[477,43,18,478,479,40],"36446646","project\u002Fneutral\u002Fnone","lewisjoe",[82,43,40,481,11,41],"maker\u002Fneutral\u002Fnone",[173,483,41,449,174,40],6,[195,485,18,478,196,40],7,[63,485,40,296,11,41],[488,485,18,296,196,40],"36464336",[490,485,40,478,11,41],"36465315",[132,252,43,276,133,40],[493,31,40,272,494,40],"36449391","codingdave",[496,31,43,497,498,40],"36449498","project\u002Fpositive\u002Fdesign","mlajtos",[500,501,40,272,502,40],"36446635",10,"unshavedyak",[145,34,41,256,146,40],[505,34,40,506,507,40],"36450794","commenter\u002Fneutral\u002Fidea","misnome",[509,34,40,272,510,40],"36450849","toastal",[223,512,40,272,224,40],12,[205,512,40,514,11,41],"project\u002Fneutral\u002Fdocs",[516,512,40,272,122,40],"36447657",[518,519,41,520,521,40],"36447046",13,"project\u002Fcritical\u002Fdocs","masukomi",[523,524,18,398,525,40],"36448515",14,"WolfOliver",[187,527,18,398,188,40],15,[529,527,40,296,11,41],"36447920",[531,527,41,532,533,40],"36449103","project\u002Fcritical\u002Fexecution","amendegree",[535,527,40,398,11,41],"36449238",[537,527,43,538,188,40],"36449964","maker\u002Fpositive\u002Fnone",[121,540,43,497,122,40],16,[542,543,40,272,544,40],"36447460",17,"YousefED",[546,547,41,256,548,40],"36449026",18,"sergiotapia",[550,551,18,283,552,40],"36447104",19,"erezsh",[554,551,40,481,11,41],"36447297",[556,551,18,296,552,40],"36447744",[558,559,18,398,560,40],"36446284",20,"tommoor",[562,559,40,398,11,41],"36446403",[564,243,18,296,565,40],"36447838","thekingshorses",[567,243,40,296,11,41],"36447974",[125,569,43,276,126,40],22,[571,569,40,449,11,41],"36447051",[573,574,41,449,384,40],"36448788",23,[158,576,41,532,159,40],24,[162,576,40,578,11,41],"project\u002Fneutral\u002Fperformance",[580,32,41,449,581,40],"36454460","tomcam",[583,584,18,296,585,40],"36447055",26,"villgax",[180,587,18,478,181,40],27,[589,587,40,268,11,41],"36450134",[591,592,18,478,593,40],"36446581",28,"revskill",[595,592,40,272,596,40],"36446954","Wurlitzer",[598,592,40,296,11,41],"36447099",[],[601,606,610,615,619,624],{"id":602,"name":603,"points":604,"category":605},"36480687","Mofi",708,"creative",{"id":607,"name":608,"points":609,"category":20},"36470297","OpenResume",656,{"id":611,"name":612,"points":613,"category":614},"36505859","background removal",395,"ai",{"id":616,"name":617,"points":618,"category":614},"36472854","WinGPT",382,{"id":620,"name":621,"points":622,"category":623},"36447871","React Graph Gallery",297,"dev_tools",{"id":625,"name":626,"points":627,"category":628},"36469297","Hypersomnia",270,"games",false,"v2",{"id":632,"name":5,"line":6,"ai":629,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":633,"top":18,"kw":634,"maker":11,"domain":10,"tier":19,"attempts":40,"strip":635,"url":9,"mix":636,"praise":118,"objection":138,"sub":21},36446045,-0.07,[24,25,26,27],"1350300000000053000351333313510215235123",[31,32,33,34],1794036637307]