Inspired by the design and UI/UX of apps like Notion, and utility of open-source apps like StackEdit, I decided to create a minimalistic, local-only WYSIWYG Markdown editor.

Some features worth highlighting:

– Monaco editor and Prettier integration for code snippets

– Tables (apparently the holy grail of WYSIWYG editing)

– Embeds (for CodePen, CodeSandbox and YouTube, most useful for HTML or JSON exports)

– Accepts Markdown paste-in, and “exports”/generates HTML, Markdown and JSON outputs

– Collaboration (with real-time awareness and initial commenting system, available only when logged in)

– GPT-3.5 integration (only when logged-in with the corresponding extension installed)

Stack used: TipTap, Solid.js, HocusPocus, Fastify, tRPC.

Some notable drawbacks:

– No mobile support

– Collaboration available only between signed-in users, in the same workspace;

– I tried my best to support most common Markdown formatting, pasting and in-editor shortcuts, though there might still be room for improvement

– Self-hosting isn't easy right now, though you should be able to figure it out from the source code

The editor itself is a standalone app, extracted from the larger Vrite CMS project (https://github.com/vriteio/vrite) which you can also test out (only with sign-in) here: https://app.vrite.io/
Read More