TypeScript Editor

Open-source TypeScript projects categorized as Editor | Edit details

Top 23 TypeScript Editor Projects

  • Visual Studio Code

    Visual Studio Code

    Project mention: Developing state of the art web apps with Node.js (QEWD-Up) back-end + NuxtJS/Vue.js front-end | dev.to | 2022-05-24

    You can simply clone both demo setups from GitHub and run them on your development machine using Visual Studio Code where your IRIS/Caché development instance is running. The demo is kept as easy as possible, but it contains all major steps you need to start writing real-life apps.

  • slate

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

    Project mention: A good rich text editor for reactjs? | reddit.com/r/reactjs | 2022-05-23

    If you are going to customise a ton of functionalities and/or implement new functionality I suggest using SlateJS. If not, have a look at Sun editor.

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • Editor.js

    A block-styled editor with clean JSON output

    Project mention: How do we build In-line markdown editors like the one we see in gitbook? | reddit.com/r/webdev | 2022-05-11

    Are you talking about something like Editor.js?

  • theia

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

    Project mention: The Future of the Gitlab Web IDE | news.ycombinator.com | 2022-05-23

    Yeah, especially when they could use something like Theia[0], which I believe was built for this kind of purpose? They both still use Monaco under the hood AFAICT. I'd be interested to know if they considered it and decided not to use it for some reason.

    0: https://theia-ide.org/

  • tiptap

    The headless editor framework for web artisans.

    Project mention: Need a feature-rich text-editor | reddit.com/r/webdev | 2022-05-24

    Tiptap is pretty great: https://tiptap.dev

  • TOAST UI Editor

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

    Project mention: TOAST UI Editor VS ink - a user suggested alternative | libhunt.com/r/tui.editor | 2022-05-07
  • TinyMCE

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

    Project mention: Are these additional options available in stock django or are they a separate package? | reddit.com/r/django | 2022-04-18

    i use this for textarea, it has all possible tools uncluding drag and drop files ... https://www.tiny.cloud/ Tiny MCE

  • SonarQube

    Static code analysis for 29 languages.. Your projects are multi-language. So is SonarQube analysis. Find Bugs, Vulnerabilities, Security Hotspots, and Code Smells so you can release quality code every time. Get started analyzing your projects today for free.

  • react-page

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

    Project mention: Switching Rich Text Editors, Part 1: Picking Tiptap | news.ycombinator.com | 2022-02-11

    I came across react-page[1] the other day, it seemed like a reasonably powerful block editor but was too much for our purpose so I haven't actually used it.

    [1]: https://github.com/react-page/react-page

  • gitpod

    Gitpod automates the provisioning of ready-to-code development environments.

    Project mention: Nothing stifles creative ambition of diving into an old project with a brilliant idea, quite like spending the first 2 hours getting the damned build to compile to begin with... | reddit.com/r/node | 2022-05-09

    I am a huge fan of GitPod for this reason. It allows me to codify the environment, and I can come back much later, and it builds the environment exactly the way it was coded.

  • milkdown

    🍼 Plugin driven WYSIWYG markdown editor framework.

    Project mention: Markdown Visual (Beta) > Indent lists on non-US keyboards | reddit.com/r/StandardNotes | 2022-03-26

    When writing a list in the new Markdown Visual (which seems promising despite the misfortunate font choice), I am not able to indent a list item using tab, like you do in all other writing software. As I understand it, it is based on the Milkdown editor, which states in their shortcuts that it is Mod-[ or Mod-] to sink or lift items.

  • graphql-editor

    📺 Visual Editor & GraphQL IDE. Draw GraphQL schemas using visual 🔷 nodes and explore GraphQL API with beautiful UI. Even 🐒 can do that!

    Project mention: Recommended tools to work with Supabase and GraphQL? | reddit.com/r/Supabase | 2022-04-08

    I may be wrong, but something like graphqleditor is geared more towards setting up GraphQL API/server, in Supabase case, it's database - Postgres, is the server/API.

  • vditor

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

    Project mention: Which WYSIWYG editor do you guys prefer? | reddit.com/r/sveltejs | 2021-11-18
  • yn

    A Hackable Markdown Note Application for Programmers. Version control, AI completion, mind map, documents encryption, code snippet running, integrated terminal, chart embedding, HTML applets, plug-in, and macro replacement. (by purocean)

    Project mention: Is there any good example of real-world open-source application (neither libraries nor frameworks nor samples) written in Typescript? | reddit.com/r/typescript | 2021-12-13
  • react-monaco-editor

    Monaco Editor for React.

    Project mention: How can I use monaco? | reddit.com/r/electronjs | 2022-03-06
  • vscode-chrome-debug

    Debug your JavaScript code running in Google Chrome from VS Code.

    Project mention: Unbound breakpoints in vscode when debugging a Parcel app through Chrome | reddit.com/r/learnjavascript | 2022-01-29

    From the documentation here https://github.com/microsoft/vscode-chrome-debug/blob/master/README.md I saw that the left hand side of sourceMapPathOverrides is the path in the source map, and the right side is the path in your local machine, and ${webRoot} is the vscode project directory.

  • Python

    This extension is now maintained in the Microsoft fork.

    Project mention: Visual Studio Code pylint: Unable to import 'protorpc' | reddit.com/r/codehunter | 2022-04-21

    The recommended fix in Troubleshooting Linting is to configure workspace settings to point to fully qualified python executable. I have done this, but the lint error remains.

  • pxt

    Microsoft MakeCode (PXT - Programming eXperience Toolkit)

    Project mention: Ask HN: How do you make a NoCode/LowCode application? | news.ycombinator.com | 2022-02-06
  • remirror

    ProseMirror toolkit for React 🎉

    Project mention: Keep your JavaScript repository clean | dev.to | 2022-04-09

    One elegant solution I found in remirror repo. There all config files that should stay in the root of the project are actually in the ./support/root/ directory, and they are locally symlinked when setting up the project.

  • regex-vis

    🎨 Regex visualizer & editor

    Project mention: Regex Vis – regular expression visualizer | news.ycombinator.com | 2022-05-08

    I'm sure they'd welcome those comments as issues, since it doesn't appear this was submitted by the repo owner and thus is unlikely to hear your pleas: https://github.com/Bowen7/regex-vis/issues

    They also seem to have 108 forks of it, so it's even possible that your ideas are hiding in one of the other branches: https://github.com/Bowen7/regex-vis/network

  • deckdeckgo

    The web open source editor for presentations

    Project mention: Internet Computer: Web App Decentralized Database Architecture | dev.to | 2021-08-17

    We are developing a proof of concept to port our web app, DeckDeckGo, to DFINITY's Internet Computer.

  • HyperMD

    A WYSIWYG Markdown Editor for browsers. Break the Wall between writing and previewing.

    Project mention: How to create real-time hyperlinks in user-inputted text? | reddit.com/r/sveltejs | 2021-12-08

    I would suggest looking at HyperMD (https://github.com/laobubu/HyperMD), because it is a good "kitchen sink" example of what can be done with CodeMirror. Unfortunately the author's site is down right now, which means the demos and examples are not available.

  • react-md-editor

    A simple markdown editor with preview, implemented with React.js and TypeScript. (by uiwjs)

  • mathlive

    A web component for easy math input

    Project mention: MathLive | news.ycombinator.com | 2022-03-30
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 2022-05-24.

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 131,940
2 slate 24,400
3 Editor.js 19,005
4 theia 16,904
5 tiptap 15,122
6 TOAST UI Editor 14,686
7 TinyMCE 11,340
8 react-page 8,838
9 gitpod 8,047
10 milkdown 6,141
11 graphql-editor 5,590
12 vditor 4,719
13 yn 3,019
14 react-monaco-editor 2,757
15 vscode-chrome-debug 2,147
16 Python 2,026
17 pxt 1,719
18 remirror 1,693
19 regex-vis 1,589
20 deckdeckgo 1,453
21 HyperMD 1,348
22 react-md-editor 918
23 mathlive 654
Find remote jobs at our new job board 99remotejobs.com. There are 7 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Less time debugging, more time building
Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.
scoutapm.com