Vrite Editor: Open-Source WYSIWYG Markdown Editor

Text Editors Developer Tools JavaScript Framework

Vite Landing Page
1

Vite

Next Generation Frontend Tooling
Pricing:
- Open Source
Vite — build tool for putting it all together;.

#Software Development #Web Frameworks #Developer Tools 374 social mentions
StackEdit Landing Page
2

StackEdit

Full-featured, open-source Markdown editor based on PageDown, the Markdown library used by Stack Overflow and the other Stack Exchange sites.
Pricing:
- Open Source
Markdown is awesome! But, when writing 1000 words+ articles, I quickly feel the need for a better experience. For years, I’ve used StackEdit — an open-source, in-browser Markdown editor — for editing all kinds of long-format Markdown text. That said, given my recent experience with WYSIWYG editors, I thought I could do something better.

#Markdown Editor #Text Editors #Office & Productivity 49 social mentions
SolidJS Landing Page
3

SolidJS

A declarative, efficient and flexible JavaScript library for building user interfaces.
Pricing:
- Open Source
#Javascript UI Libraries #JS Library #Front-End Frameworks 21 social mentions
ProseMirror Landing Page
4

ProseMirror

A toolkit for building rich-text editors on the web
Pricing:
- Open Source
No good tool is built without using good tools, and Vrite Editor is no different. Before getting into WYSIWYG editors, I extensively researched available RTE frameworks, that could provide the tooling and functionality I was looking for. Ultimately, I picked TipTap and underlying ProseMirror — IMO, the best tools currently available for all kinds of WYSIWYG editors.

#Rich Text Editor #Text Editors #IDEs And Text Editors 33 social mentions
Prettier Landing Page
5

Prettier

An opinionated code formatter
Pricing:
- Open Source
By referencing the ProseMirror docs, forwarding the editor state back and forth, and adjusting the layout, I managed to integrate Monaco Editor — the web editor extracted from VS Code — together with Prettier (for code formatting) right into the Vrite Editor (I know, that’s a lot of editors in one place 😅).

#Developer Tools #Code Analysis #JavaScript Framework 255 social mentions
Notion Landing Page
6

Notion

All-in-one workspace. One tool for your whole team. Write, plan, and get organized.
Pricing:
- Open Source
Something that I always felt was lacking in WYSIWYG editors (even the top ones, like Notion) is good support for code editing. Granted, technical writing is a niche use-case and you can get by with simple syntax highlighting and some copy-pasting. That said, I wanted to try something else — I wanted to integrate a full-blown code editor.

#Productivity #Work Collaboration #Note Taking 438 social mentions
Monaco Editor Landing Page
7

Monaco Editor

A browser based code editor
Pricing:
- Open Source
By referencing the ProseMirror docs, forwarding the editor state back and forth, and adjusting the layout, I managed to integrate Monaco Editor — the web editor extracted from VS Code — together with Prettier (for code formatting) right into the Vrite Editor (I know, that’s a lot of editors in one place 😅).

#Text Editors #IDE #Developer Tools 47 social mentions