Show HN: I've built open-source, collaborative, WYSIWYG Markdown editor

Re:Show HN: I've built open-source, collaborative, WYSIWYG M... by jitl on Friday June 23, 2023 @08:51AM (#36446138)

> We're sorry but Vrite currently doesn't support small viewports.

> Please resize your browser window or visit Vrite from a desktop browser.

:( although I get it. In my experience Android and to a lesser degree iOS input is the hardest part of building these kinds of editors.

[ Parent | on HN ]

Re:Show HN: I've built open-source, collaborative, WYSIWYG M... by arek_nawo on Friday June 23, 2023 @08:57AM (#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 OS's built-in menus and aren't good for touch. I'm working on a dedicated layout for mobile, though it'll likely only go so far. For mobile it's really difficult to create a compelling WYSIWYG editor on the Web.

Plus, for Vrite Editor, the Monaco Editor used for code snippets doesn't officially support mobile (and it's a hit or miss in my experience) so it'll likely have to be disabled there.

[ Parent | on HN ]

Re:Show HN: I've built open-source, collaborative, WYSIWYG M... by jitl on Friday June 23, 2023 @09:58AM (#36446874)

CodeMirror (from the same author as ProseMirror the library under TipTap) works great on mobile, you should consider it over Monaco for that feature.

[ Parent | on HN ]

Re:Show HN: I've built open-source, collaborative, WYSIWYG M... by arek_nawo on Friday June 23, 2023 @10:07AM (#36447013)

I know. I've explored pretty much all the options when working on this and Monaco and CM are definitely top choices. That said, for languages I'm working with (web) and for the future potential of e.g. connecting to remote language server, Monaco is a better choice. Will see if switching between CM on mobile and Monaco on desktop will be doable.

[ Parent | on HN ]

Re:Show HN: I've built open-source, collaborative, WYSIWYG M... by tmzt on Friday June 23, 2023 @11:28AM (#36448212)

How are you using TipTap with Monaco instead of ProseMirror, do you have the bindings/plugins working the same way?

How does this compare to something like Milkdown using markdown as a native format?

I see you solved some of the hard problems (tables, etc.) with Yjs and CRDT in general.

Are the backend components also open source?

[ Parent | on HN ]

Re:Show HN: I've built open-source, collaborative, WYSIWYG M... by arek_nawo on Friday June 23, 2023 @12:33PM (#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 ProseMirror.

I'm not really familiar with Milkdown so I can't say.

The entirety of Vrite is open-source under AGPL-3.0 license (with parts under MIT): https://github.com/vriteio/vrite

[ Parent | on HN ]

Re:Show HN: I've built open-source, collaborative, WYSIWYG M... by Turing_Machine on Friday June 23, 2023 @11:17AM (#36448027)

I don't think there's really any good solution for phones... text editing is probably always going to suck there. Maybe just try your best to get it working on tablets? CodeMirror (ProseMirror's sister project) works okay on iPads, in my experience.

[ Parent | on HN ]

Re:Show HN: I've built open-source, collaborative, WYSIWYG M... by paholg on Friday June 23, 2023 @10:59AM (#36447733)

It even shows that message if I request the desktop site.

I don't care if it works well on mobile, just show render something so I can kind of play with it.

[ Parent | on HN ]