TypeScript Editor

Open-source TypeScript projects categorized as Editor
Edit details
Topics: TypeScript React JavaScript Wysiwyg Rich Text Editor
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.
surveyjs.io
featured

Top 23 TypeScript Editor Projects

  • Visual Studio Code

    Visual Studio Code

    • Project mention: Integration of Facial Authentication (Recognition) on an Employee Dashboard using FACEIO, Next.js & Typescript. | dev.to | 2024-05-13

    A package manager installed (npm), and a Code editor (VS Code or your favourite)

  • quill

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

    • Project mention: Release Radar · April 2024 Edition: Major updates from the open source community | dev.to | 2024-05-03

    Speaking of text, here's another one for you. Quill is a rich text editor also built for compatibility and extensibility. The latest version prevents mistakenly overriding theme default toolbar settings, and Quill is now a valid ESM package for better ecosystem. There's nested Quill support, improved spelling support, and improved support for pasting from Google Docs and Microsoft Word. Check out all the changes on the Slab website.

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

    SurveyJS logo

  • 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: Open-source, and ready-to-use alternative for Notion and Miro | news.ycombinator.com | 2024-05-09

  • 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: How I optimized Carousel for EditorJS 2x in size. | dev.to | 2024-03-29

    I am supporting a project where lawyers, advisors can publish articles or news, to get more attention and clients. Initially it was made through TinyMCE, but they wanted not just HTML, but also a way of showing many pictures with interactions. I was seeking UI editor like Medium, and I guess best what I found was EditorJS and during checking its Awesome List there were several carousel plugins and I stopped on this.

  • 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: Show HN: CompressX, my FFmpeg wrapper for macOS, made $9k in the last 4 months | news.ycombinator.com | 2024-04-10

    For lossless cut, there's the LosslessCut [1] app, which even has an experimental but mostly working version of a "smart cut" feature [2] (aka. only re-encode the minimal mandatory amount of frames if you trim at a point between 2 key frames)

    [1]: https://github.com/mifi/lossless-cut

    [2]: https://github.com/mifi/lossless-cut/issues/126

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

    InfluxDB logo

  • theia

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

    • Project mention: I can't stand using VSCode so I wrote my own (it wasn't easy) | news.ycombinator.com | 2024-04-21

    As an alternative to VSCode, consider Theia[1].

    Open-source, runs all the VSCode extensions, etc.

    [1] https://theia-ide.org

  • lexical

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

    • Project mention: Quill – Your powerful rich text editor | news.ycombinator.com | 2024-04-19

    I remember using https://github.com/facebook/lexical for a project a year ago and mostly things worked our of the box.

    Any reason to prefer quill?

  • TOAST UI Editor

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

    • Project mention: UX Case Study: Markdown Heading | dev.to | 2024-04-27

    A step in that direction can be seen in TOAST UI editor:

  • TinyMCE

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

    • Project mention: TinyMCE 7.1 Release Notes - Overview | dev.to | 2024-05-08

    We've fixed 18 bugs and made several enhancements in TinyMCE 7.1. Details of these fixes are available in our Changelog.

  • gitpod

    The developer platform for on-demand cloud development environments to create software faster and more securely.

    • Project mention: GitHub Security Best Practices Every Developer Should Know | dev.to | 2024-02-22

    Gitpod: It provides a Chrome extension that opens a VS Code-based IDE right in your browser. It is best for running the project in your browser without setting up and running locally.

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

  • BlockNote

    A React Rich Text Editor that's block-based (Notion style) and extensible. 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

  • 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

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

  • regex-vis

    🎨 Regex visualizer & editor

  • 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

  • core

    🚀 A framework helps you quickly build Cloud or Desktop IDE products. https://preview.opensumi.com (by opensumi)

  • SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
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).

TypeScript Editor related posts

  • Show HN: I built a math website the internet loved, I'm back with more features

    2 projects | news.ycombinator.com | 15 May 2024

  • "Hello, World!" in HTML / CSS / JS

    1 project | dev.to | 13 May 2024

  • Open-source, and ready-to-use alternative for Notion and Miro

    1 project | news.ycombinator.com | 9 May 2024

  • TinyMCE 7.1 Release Notes - Overview

    1 project | dev.to | 8 May 2024

  • How to Handle File Uploads with ASP.NET Core

    2 projects | dev.to | 7 May 2024

  • How to Scrape Google Finance

    1 project | dev.to | 6 May 2024

  • Create a simple Server using Express.js.

    1 project | dev.to | 4 May 2024
  • A note from our sponsor - SaaSHub
    www.saashub.com | 16 May 2024
    SaaSHub helps you find the best software and product alternatives Learn more →

Index

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

Project Stars
1 Visual Studio Code 158,773
2 quill 41,588
3 AFFiNE 31,891
4 slate 29,059
5 Editor.js 26,990
6 tiptap 24,013
7 lossless-cut 22,441
8 theia 18,865
9 lexical 17,423
10 TOAST UI Editor 16,787
11 TinyMCE 14,405
12 gitpod 12,353
13 react-page 9,387
14 milkdown 8,358
15 vditor 7,806
16 graphql-editor 5,941
17 yn 5,414
18 BlockNote 5,331
19 blocksuite 3,908
20 react-monaco-editor 3,683
21 regex-vis 3,450
22 monaco-react 3,413
23 core 2,726

Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com