TypeScript Wysiwyg

Open-source TypeScript projects categorized as Wysiwyg

Top 23 TypeScript Wysiwyg Projects

  • quill

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

    Project mention: Which Rich Text Editor to use ? | /r/reactjs | 2023-07-06

    I've always used Quill and always satisfied with it. It can be adapted to React Native as well. Despite the most popular RTE is Draft js it has some limitations on mobile.

  • Editor.js

    A block-style editor with clean JSON output

    Project mention: Editor.js: Free block-style editor with a universal JSON output | news.ycombinator.com | 2023-08-22
  • Amplication

    Amplication: open-source Node.js backend code generator. An open-source platform that helps developers build backends without spending time on boilerplate & repetitive coding. Including production-ready GraphQL & REST APIs, DB schema, DTOs, filtering, pagination, RBAC, & more.

  • tiptap

    The headless editor framework for web artisans.

    Project mention: Ask HN: Which open-source editor would you choose to build something like Notion | news.ycombinator.com | 2023-09-06

    You can build a Notion-like editor on top of https://tiptap.dev :-) Here is a demo of what such an editor might look like: https://demos.tiptap.dev/

    Since Tiptap is headless, you have the freedom to design and develop the UI exactly the way you want.

  • 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: Wordpress updating old classic editor version | /r/Wordpress | 2023-07-06

    Any idea how i could replace the current classic editor with the newest tinymce wyswig editor: https://www.tiny.cloud/ it looks so modern and clean and i would love to use it but the default wordpress classic editor is so old and is some really old version of tinymce and I'm unsure of how to change it, any plugins or scripts to do this?

  • milkdown

    🍼 Plugin driven WYSIWYG markdown editor framework.

    Project mention: WYSIWYG Markdown editor? | /r/laravel | 2023-01-07

    Page: https://milkdown.dev/

  • vditor

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

  • SurveyJS

    A Non-Cloud Alternative to Google Forms that has it all.. SurveyJS JavaScript libraries allow you to easily set up a robust form management system fully integrated into your IT infrastructure where users can create and edit multiple dynamic JSON-based forms in a no-code form builder. Learn more now.

  • craft.js

    🚀 A React Framework for building extensible drag and drop page editors

    Project mention: How to build a webpage builder like Wix, Squarespace, Shopify, etc? I want to build one with React | /r/reactjs | 2023-06-10

    I've been building one with https://craft.js.org/ , tailwind, nextjs, and vercel, a few months into it I've got a decent component library, custom domains, subdomains, static pages, accounts, multiple pages, cdn and a bit more. The basics are easy to get going. Making it easy to understand/use, responsive, and all that, is a bit more complex.

  • builder

    Drag and drop headless CMS for React, Vue, Svelte, Qwik, and more

    Project mention: 5 Open Source Tools for your Ecommerce Stacks | dev.to | 2023-01-27

    Check out Builder.io’s GitHub repository for more details about its features and community.

  • plate

    The rich-text editor for React.

    Project mention: FLaNK Stack Weekly for 17 July 2023 | dev.to | 2023-07-17
  • 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

  • blocksuite

    🎨 The toolkit for block-based structral editing.

    Project mention: BlockSuite is the open-source block-based editor | news.ycombinator.com | 2023-07-26
  • plasmic

    Visual page builder and web design tool for any website or web app tech stack

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

    How does this compare to https://www.plasmic.app/?

  • 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

  • ngx-quill

    Angular (>=2) components for the Quill Rich Text Editor

  • deckdeckgo

    The web open source editor for presentations

  • react-contenteditable

    React component for a div with editable contents

  • jodit

    Jodit - Best WYSIWYG Editor for You

    Project mention: Quick and easy WYSIWYG recommendations? | /r/node | 2022-12-15

    Jodit Quill

  • HyperMD

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

  • vrite

    Open-source developer content platform | Now in Public Beta

    Project mention: Vrite v0.2.0 - open-source, collaborative developer content platform. Alternative to likes of GitBook, Confluence, Notion, etc. Now with self-hosting support! | /r/selfhosted | 2023-09-14

    So, I've been building Vrite as an open-source project for a while now, and I'm happy to finally share it here - with v0.2.0 now having official self-hosting support.

  • bangle-io

    A web only WYSIWYG note taking app that saves notes locally in markdown format.

    Project mention: Silver Bullet: Markdown-based extensible open source personal knowledge platform | news.ycombinator.com | 2022-12-03

    Another similar tool that is open sourced and allows you to sync with GitHub [1] .

    It differs by providing a WYSIWYG interface while saving content in Markdown.

    [1] https://github.com/bangle-io/bangle-io

  • tiptap-vuetify

    Vuetify editor. Component simplifies integration tiptap editor with vuetify.

  • angular-froala-wysiwyg

    Angular 4, 5, 6, 7, 8 and 9 plugin for Froala WYSIWYG HTML Rich Text Editor.

    Project mention: Which HTML editor offers the most advanced features for professional web developers? | /r/u_Educational-Ice6495 | 2023-05-10

    You can’t go wrong with VS Code and if you want a more advanced HTML editor, you can try Adobe Dreamweaver. And there’s editors such as Froala that are user-friendly, you can add plugins to it to have more advanced features.

  • Appwrite

    Appwrite - The open-source backend cloud platform. The open-source backend cloud platform for developing Web, Mobile, and Flutter applications. You can set up your backend faster with real-time APIs for authentication, databases, file storage, cloud functions, and much more!

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 2023-09-14.

TypeScript Wysiwyg related posts


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

Project Stars
1 quill 37,023
2 Editor.js 24,414
3 tiptap 21,246
4 TOAST UI Editor 16,322
5 TinyMCE 13,504
6 milkdown 7,814
7 vditor 6,780
8 craft.js 6,203
9 builder 5,659
10 plate 4,007
11 BlockNote 3,579
12 blocksuite 2,871
13 plasmic 2,804
14 remirror 2,422
15 ngx-quill 1,686
16 deckdeckgo 1,604
17 react-contenteditable 1,525
18 jodit 1,455
19 HyperMD 1,414
20 vrite 1,186
21 bangle-io 885
22 tiptap-vuetify 769
23 angular-froala-wysiwyg 725
Collect and Analyze Billions of Data Points in Real Time
Manage all types of time series data in a single, purpose-built database. Run at any scale in any environment in the cloud, on-premises, or at the edge.