TypeScript Editor

Open-source TypeScript projects categorized as Editor

Top 23 TypeScript Editor Projects

  • Visual Studio Code

    Visual Studio Code

    Project mention: GitHub: Learn How To Showcase Your Developer Talents | dev.to | 2024-03-18

    You can find all the source code for VS Code at this link.

  • quill

    Quill is a modern WYSIWYG editor built for compatibility and extensibility.

    Project mention: WYSIWYG editor for a new Rails project | /r/rails | 2023-12-10

    I started with Quill... wound up hitting lots of challenges. There are bugs/issues like, "don't add extra margin or it will be converted to extra spaces." I also struggled to embed Quill into an HTML form element, which I though would be easy.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  • 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: Are we making the best notion open source alternative? | news.ycombinator.com | 2024-01-20

    Also has a self-hosted version however it’s a bit out of date with their SaaS product

    https://github.com/toeverything/AFFiNE#self-host

  • slate

    A completely customizable framework for building rich text editors. (Currently in beta.) (by ianstormtaylor)

    Project mention: 5 Not-So-Typical React Libraries for an Outstanding Project | dev.to | 2023-08-03
  • Editor.js

    A block-style editor with clean JSON output

    Project mention: Introducing EmailBuilder.js - a free and open source block-based email template builder | dev.to | 2024-03-05

    We call it EmailBuilder.js – a powerful block-based email builder that takes the best parts of other open source libraries like Editor.js and email component libraries and puts them into an easy to use no-code builder.

  • tiptap

    The headless rich text editor framework for web artisans.

    Project mention: Encrypted Note Editor App In React Native | dev.to | 2024-03-04

    The Editor: The core of our app is the editor. We need an easy to use and robust rich text editor, that supports all of the features we want such as: headings, lists, placeholders, markdown, color, images, bold italic etc… For this we will use @10play/tentap-editor which is a rich text editor for react native based on Tiptap.

  • lossless-cut

    The swiss army knife of lossless video/audio editing

    Project mention: Cleaning up my 200GB iCloud with some JavaScript | news.ycombinator.com | 2024-01-05

    > thought I cropped/edited a video, it is still there in full length and resolution

    It's been possible to create a clip from a video file that merely changes what parts of the video are displayed without effecting the data in the original since the Classic Mac OS days.

    If you want to completely remove unwanted portions of a video to reduce the size without a loss of quality, there are many options. LosslessCut is one option that is both free and open source.

    https://github.com/mifi/lossless-cut

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  • theia

    Eclipse Theia is a cloud & desktop IDE framework implemented in TypeScript.

    Project mention: Amazon MSK 101 with Python | dev.to | 2024-02-13

    Please choose any desired IDE tool to add the below Python script. In my case, I have used Theia-IDE for convenience.

  • lexical

    Lexical is an extensible text editor framework that provides excellent reliability, accessibility and performance.

    Project mention: Wax: The Word Processor for the Web | news.ycombinator.com | 2024-02-26

    Lexical (https://lexical.dev/) is really nice to use and doesn't use Prosemirror or CKEditor.

  • TOAST UI Editor

    🍞📝 Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible.

    Project mention: I'm making a GlowUI text editor to get back into coding | /r/Windows11 | 2023-06-09

    If you need a WYSIWYG markdown editor you can try Toast UI Editor or simply use Markdown Live add-on for Visual Studio Code

  • TinyMCE

    The world's #1 JavaScript library for rich text editing. Available for React, Vue and Angular

    Project mention: TinyMCE Dumping MIT for GPL | news.ycombinator.com | 2024-02-29
  • react-page

    Next-gen, highly customizable content editor for the browser - based on React and written in TypeScript. WYSIWYG on steroids.

    Project mention: Show HN: An open source visual editor for React | news.ycombinator.com | 2023-09-05

    This is really slick! A really fluid and intuitive interface.

    We use https://react-page.github.io/ (also MIT licensed) extensively at my startup; it attacks the same problem, and it's been incredibly effective (and hackable!).

    Generally speaking, owning your own CMS data, in your own database, with a well-documented JSON data format, and adding the ability to take any React component you've written (that itself may interact with your own data) and make it not only reusable as part of a content editing system but also WYSIWIG, opens up a huge number of opportunities - including adding your own logic to transform content before display.

    https://builder.io is another alternative that's very effective at the adapting-custom-components-to-WYSIWIG side of things, but does keep the data in its own cloud storage.

    I'm really excited to see innovation in this space, and I'll be following Puck closely!

  • milkdown

    🍼 Plugin driven WYSIWYG markdown editor framework.

  • vditor

    ♏ 一款浏览器端的 Markdown 编辑器,支持所见即所得(富文本)、即时渲染(类似 Typora)和分屏预览模式。An In-browser Markdown editor, support WYSIWYG (Rich Text), Instant Rendering (Typora-like) and Split View modes.

  • graphql-editor

    📺 Visual Editor & GraphQL IDE.

    Project mention: Navigable graph view for any GraphQL schema | news.ycombinator.com | 2023-10-19
  • 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.

    Project mention: Yank Note: A Hackable Markdown Editor for Programmers | news.ycombinator.com | 2023-04-09
  • BlockNote

    A "Notion-style" block-based extensible text editor built on top of Prosemirror and Tiptap.

    Project mention: Launch HN: Tiptap (YC S23) – Toolkit for developing collaborative editors | news.ycombinator.com | 2023-08-01

    We think the headless approach is a big factor in why Tiptap has become so popular, but you are right! You can't just add Tiptap to your project without styling. That's why we're always asked about a drop-in Notion-like styling. We don't offer this, but our community has built something that might help you: https://github.com/TypeCellOS/BlockNote

  • react-monaco-editor

    Monaco Editor for React.

    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.

  • blocksuite

    🧩 Content editing tech stack for the web - BlockSuite is a toolkit for building editors and collaborative applications.

    Project mention: BlockSuite is the open-source block-based editor | news.ycombinator.com | 2023-07-26
  • 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

  • regex-vis

    🎨 Regex visualizer & editor

  • core

    🚀 A framework helps you quickly build Cloud or Desktop IDE products. (by opensumi)

    Project mention: A framework helps you quickly build Cloud or Desktop IDE products | news.ycombinator.com | 2023-04-06
  • remirror

    ProseMirror toolkit for React 🎉

    Project mention: Launch HN: Tiptap (YC S23) – Toolkit for developing collaborative editors | news.ycombinator.com | 2023-08-01

    We have been using Tiptap in production for more than a year in Notesnook[0]. Glad to see it finally launching here on HN!

    We have had quite a long and rough ride in search of a stable rich text editor. We began with Quill.js then migrated to TinyMCE and then finally settled on Prosemirror. Unfortunately, contenteditable is still absolutely horrible on web browsers, especially mobile ones.

    Tiptap is a good choice if you are looking for a framework agnostic and thin abstraction over Prosemirror. However, if you are primarily working with React you should go with Remirror[1]. Tiptap's APIs are heavily inspired by Remirror (almost a duplicate in some places). Remirror takes the edge on the maturity and stability of the API and extensions. The sheer number of utilities offered by them to simplify Prosemirror's APIs is astounding.

    In the end, though, its Prosemirror that's doing all the heavy lifting. And no matter how many abstractions you put on it, you will have to get really, really close in with Prosemirror's internals. Tiptap or Remirror do not make that any easier or harder aside from the initial bootstrapping.

    [0] https://notesnook.com

    [1] https://remirror.io

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2024-03-18.

TypeScript Editor related posts

Index

What are some of the best open-source Editor projects in TypeScript? This list will help you:

Project Stars
1 Visual Studio Code 157,101
2 quill 38,585
3 AFFiNE 28,882
4 slate 28,813
5 Editor.js 26,304
6 tiptap 23,270
7 lossless-cut 21,646
8 theia 18,754
9 lexical 16,962
10 TOAST UI Editor 16,688
11 TinyMCE 14,147
12 react-page 9,369
13 milkdown 8,198
14 vditor 7,613
15 graphql-editor 5,921
16 yn 5,249
17 BlockNote 4,787
18 react-monaco-editor 3,615
19 blocksuite 3,542
20 monaco-react 3,257
21 regex-vis 3,073
22 core 2,686
23 remirror 2,565
The modern identity platform for B2B SaaS
The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
workos.com