Hacker News Reader

Comment by jitl | Hacker News Reader

> 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.

View on HN

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.

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.

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

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.

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?

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

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.

Reply on news.ycombinator.com