SaaSHub helps you find the best software and product alternatives Learn more →
Top 23 TypeScript Editor Projects
-
Project mention: Build clickhouse remote development environment with vscode(v24.8.11.5-lts) | dev.to | 2025-01-16
Download vscode from https://code.visualstudio.com/. Install extension remote-SSH next, then we can connect to remote server in vscode.
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
AFFiNE
There can be more than Notion and Miro. AFFiNE(pronounced [ə‘fain]) is a next-gen knowledge base that brings planning, sorting and creating all together. Privacy first, open-source, customizable and ready to use.
-
Project mention: Ask HN: How to integrate a Blog system into my NextJS app | news.ycombinator.com | 2024-11-15
> One thing I learned is that you should lean towards letting non-technical people choose their own tools like why we largely let developers choose their own tools.
IMHO: I think a more sustainable variant of this (for your own sanity) might be to ask them which tool(s) they like and then take some time to understand WHY. But then instead of just letting them use those directly, you would either vet them first yourself or else find a similar one to those that can satisfy their needs (as an editor) AND yours (as a dev).
If I let every client/friend/family member who came to me for this sort of advice just pick their own tools, I'd end up with a bunch of Word docs with embedded copied & pasted crap from five other tools and no easy way to clean and publish them or back them up and version control them for diffing and rollbacks, etc.
I guess the dev version of this would be like letting every individual dev set up their own production deploys however they like, even if it's just some rando FTP client, instead of having some sort orderly CI/CD process.
If it's just you and your buddy and you don't mind taking the time to clean up their docs every time there's a new blog post... that's fine, I guess. But it can quickly get pretty overwhelming if you have more than user/tool to support, or you just publish updates frequently. In that case, having a nice WYSIWYG for them that's good enough, but can also generate clean structured output for you (something like Markdown or a API, as opposed to RTF, Word XML, HTML, etc.) can make life MUCH easier for you. And anyone that comes after you.
You can also build your own system off something like https://quilljs.com/, https://prosemirror.net/, or https://github.com/ianstormtaylor/slate to customize it to their needs while still getting clean enough input.
-
slate
A completely customizable framework for building rich text editors. (Currently in beta.) (by ianstormtaylor)
However, I had difficulties inserting editable BLOCKS with syntax highlighting for code. Yes, there is an official example, but at least for me, it's not very clear.
-
Project mention: Notion-like WYSIWYG editor with export to a beautiful static HTML website | news.ycombinator.com | 2024-08-19
-
Yes, https://github.com/mifi/lossless-cut
(See also: Kdenlive)
I don't agree that's a good definition of friendly but that's ok.
-
There are paid tools available. For example, the Tiptap rich text editor is free to use, but some advanced features and APIs are paid for. For example, the cursor editor heavily relies on AI capabilities, so it requires payment for use.
-
lexical
Lexical is an extensible text editor framework that provides excellent reliability, accessibility and performance.
Project mention: TypeScript 5.7 RC Released, New npm Alternative, The Future of JavaScript Frameworks and more | dev.to | 2024-11-17Lexical 0.20
-
MS is a bit weird. After realizing that most competent developers had left the MS ecosystem, they went for a Zeitenwende. But they did only for 90%.
I wonder to what extent this halfheartedness should be ascribed to the MS org chart or to reasoning like "we should prevent a competent competitor to run away with our tools".
In the mean time, there is a capable replacement named Theia [0] with none of the strings attached. We as a whole would do best to move to that one. [1]
___
0. https://theia-ide.org/#theiaide
1. That is to say: for vscode kind of experience. Native IDE's are unbeatable imho.
-
Project mention: Show HN: Unforget, the note-taking app I always wanted: offline first, encrypted | news.ycombinator.com | 2024-06-11
What problems did you encounter with something like https://ui.toast.com/tui-editor? Which is much more featureful than simplemde.
-
TinyMCE
The world's #1 JavaScript library for rich text editing. Available for React, Vue and Angular
Project mention: TinyMCE: The Ultimate Rich Text Editor for Seamless Content Creation | dev.to | 2025-01-06Once you've set up TinyMCE, don’t forget to log in to your account on the TinyMCE website, and add your domain to your API key settings. This will prevent any warnings from showing up inside the editor. 🔑
-
gitpod
The developer platform for on-demand cloud development environments to create software faster and more securely.
Project mention: How do you manage remote dev workstations in the cloud? | news.ycombinator.com | 2024-12-27Gitpod (https://www.gitpod.io) is a great option here. It aims to remove the ops burden, provide a great developer experience and give you tools to manage your spend (eg automatic timeouts, suspend/resume, standardized creation of environments).
Full disclosure: I’m one of Gitpod’s co-founders.
-
chartdb
Database diagrams editor that allows you to visualize and design your DB with a single query.
🌍 Try it here: https://chartdb.io
-
react-page
Next-gen, highly customizable content editor for the browser - based on React and written in TypeScript. WYSIWYG on steroids.
-
-
Project mention: Ask HN: How have you integrated LLMs in your development workflow? | news.ycombinator.com | 2024-09-29
The competition in AI editors is a bit silly at this moment. Everyone and his dog are "building" an AI assisted editor now by duct taping Ollama onto VSCode. I don't like my data being sent to untrusted parties, so I cannot evaluate most of these. On top of that, the things keep evolving as well, and editors that I dismissed a few months ago, are now all of a sudden turning into amazing productivity boosters, thanks to developments in both models as well as in editor tricks.
My money is on Cursor [1], which does not stop to amaze me, and seems to get a lot of traction. The integration is very clever, and it is scary how it figures out what I intend to do. Then again, I'm probably doing mundane tasks most of the time. For the few bright moments in my day I tend to use ChatGPT, because most of my real problems are in application domains, not in code.
I am not a firm believer in forking large open source projects, because it will take a lot of effort to keep up with future diversions. This makes me a bit wary of projects such as Cursor and Void [2]. Somebody needs deep pockets to sustainably surpass the popularity of VSCode. To point out just one problem with forking: VSCode works fine in Ubuntu, but Cursor does not work out of the box in Ubuntu. Having to disable the sandbox is a show-stopper for most.
In that respect, the extensions might be a safer bet, and I think Sourcegraph's Cody and Continue are making the largest waves there. Hard to tell with so many waves.
[1] https://www.cursor.com/
[2] https://voideditor.com/
-
vditor
♏ 一款浏览器端的 Markdown 编辑器,支持所见即所得(富文本)、即时渲染(类似 Typora)和分屏预览模式。An In-browser Markdown editor, support WYSIWYG (Rich Text), Instant Rendering (Typora-like) and Split View modes.
-
BlockNote
A React Rich Text Editor that's block-based (Notion style) and extensible. Built on top of Prosemirror and Tiptap.
-
yn
A highly extensible Markdown editor. Version control, AI Copilot, mind map, documents encryption, code snippet running, integrated terminal, chart embedding, HTML applets, Reveal.js, plug-in, and macro replacement.
-
blocksuite
🧩 Content editing tech stack for the web - BlockSuite is a toolkit for building editors and collaborative applications.
-
monaco-react
Monaco Editor for React - use the monaco-editor in any React application without needing to use webpack (or rollup/parcel/etc) configuration files / plugins
-
Project mention: How to add Monaco to a Next.js app to enable custom user workflows | dev.to | 2024-03-05
First, we’ll add the directive and necessary imports. We’ll use @monaco-editor/react, which is a nifty React component for Monaco. We’ll also import useState and useEffect hooks to help manage state.
-
TypeScript Editor discussion
TypeScript Editor related posts
-
Build clickhouse remote development environment with vscode(v24.8.11.5-lts)
-
Use Power Query SDK in Visual Studio Code for Power BI
-
Show HN: WASM-powered codespaces for Python notebooks on GitHub
-
Introduction to PHP
-
Git: haz que todos amen leer tus commits
-
Getting Started with Python: Installing Python and Writing Your First Program (Day 2 of 100 Days of Python)
-
How to Get Started with Bash Scripting for Automation
-
A note from our sponsor - SaaSHub
www.saashub.com | 16 Jan 2025
Index
What are some of the best open-source Editor projects in TypeScript? This list will help you:
# | Project | Stars |
---|---|---|
1 | Visual Studio Code | 166,079 |
2 | AFFiNE | 44,351 |
3 | quill | 44,325 |
4 | slate | 30,206 |
5 | Editor.js | 29,225 |
6 | lossless-cut | 28,954 |
7 | tiptap | 28,268 |
8 | lexical | 20,295 |
9 | theia | 20,207 |
10 | TOAST UI Editor | 17,290 |
11 | TinyMCE | 15,211 |
12 | gitpod | 13,055 |
13 | chartdb | 11,706 |
14 | react-page | 9,457 |
15 | milkdown | 9,066 |
16 | void | 8,937 |
17 | vditor | 8,782 |
18 | BlockNote | 6,989 |
19 | yn | 5,713 |
20 | blocksuite | 4,668 |
21 | monaco-react | 3,901 |
22 | react-monaco-editor | 3,893 |
23 | canvas-editor | 3,873 |