Wysiwyg

Open-source projects categorized as Wysiwyg
Edit details
Language: + TypeScript + JavaScript + Rich Text Format + CSS
Topics: Editor Rich Text Editor wysiwyg-editor JavaScript React
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
Sponsored

Top 23 Wysiwyg Open-Source Projects

  • quill

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

    • Project mention: FLaNK AI-April 22, 2024 | dev.to | 2024-04-22

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

  • 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

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

  • trix

    A rich text editor for everyday writing

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

    Trix is simple and easy to use for basic writing like a blog. It’s what Basecamp and HEY both use (it was built by 37signals and is the default in Rails)

    https://trix-editor.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: 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

  • medium-editor

    Medium.com WYSIWYG editor clone. Uses contenteditable API to implement a rich text solution.

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

    The MediumEditor clone looks great, but I wanted a traditional toolbar and the last commit it seems was 3+ years ago.

  • 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

  • TinyMCE

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

    • Project mention: TinyMCE (also) moving from MIT to GPL | news.ycombinator.com | 2024-03-27

    TinyMCE provided a bit more information about this change in a GitHub discussion thread here: https://github.com/tinymce/tinymce/discussions/9496

    As I posted there, this directly affects my open source project which is heavily tied to TinyMCE so I may end up forking, and reducing down to what my project needs to reduce maintenance scope & burden.

    TinyMCE have been jumping around with their licensing. They were under LGPL, with some (what I believe were) misleading guidance into meeting the LGPL (they specified rules about keeping specific branding elements). They then jumped to MIT, and since moved some of the open plugins to their commercial offering. Now they're making this change.

  • pell

    📝 the simplest and smallest WYSIWYG text editor for web, with no dependencies

  • Summernote

    Super simple WYSIWYG editor

    • Project mention: Ask HN: What is your favorite FOSS WYSIWYG editor? | news.ycombinator.com | 2023-10-22

  • milkdown

    🍼 Plugin driven WYSIWYG markdown editor framework.

  • ckeditor5

    Powerful rich text editor framework with a modular architecture, modern integrations, and features like collaborative editing.

    • Project mention: React + @ckeditor/ckeditor5-build-balloon-block please help me with the following issue | /r/react | 2023-10-15

  • vditor

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

  • plate

    The rich-text editor for React.

    • Project mention: What are headless UI libraries? | dev.to | 2024-03-21

    UI libraries aside, the whole headless rave has spread to packages and libraries for standalone components, headless text editors like Tiptap and Platejs, headless table components like Tanstack table, and more out there to explore.

  • craft.js

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

    • Project mention: Craft.js – A React Framework for building extensible drag and drop page editors | news.ycombinator.com | 2024-04-16

  • builder

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

    • Project mention: Introducing GPT Crawler - Turn Any Site Into a Custom GPT With Just a URL | dev.to | 2023-12-21

    I created my first custom GPT based on the Builder.io docs site, forum, and example projects on github and it can now answer detailed questions with code snippets about integrating Builder.io into your site or app. You can try it here (currently requires a paid ChatGPT plan).

  • VvvebJs

    Drag and drop website builder javascript library.

  • elementor

    The most advanced frontend drag & drop page builder. Create high-end, pixel perfect websites at record speeds. Any theme, any page, any design.

    • Project mention: Ask HN: Freelance website builders/maintainers, what's in your 2024 toolkit? | news.ycombinator.com | 2024-04-01

  • ckeditor4

    The best enterprise-grade WYSIWYG editor. Fully customizable with countless features and plugins.

  • Froala Editor

    The next generation Javascript WYSIWYG HTML Editor.

    • Project mention: Rules | /r/froalaEditor | 2023-09-28

    Its official GitHub page: https://github.com/froala/wysiwyg-editor

  • 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

  • blocks

    A JSX-based page builder for creating beautiful websites without writing code

  • plasmic

    Visual builder for React. Build apps, websites, and content. Integrate with your codebase.

    • Project mention: A list of SaaS, PaaS and IaaS offerings that have free tiers of interest to devops and infradev | dev.to | 2024-02-05

    Plasmic - A fast, easy-to-use, robust web design tool and page builder that integrates into your codebase. Build responsive pages or complex components; optionally extend with code; and publish to production sites and apps.

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

    WorkOS 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).

Wysiwyg related posts

Index

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

Project Stars
1 quill 41,021
2 Editor.js 26,755
3 tiptap 23,734
4 trix 18,617
5 lexical 17,225
6 TOAST UI Editor 16,745
7 medium-editor 15,983
8 TinyMCE 14,260
9 pell 11,899
10 Summernote 11,365
11 milkdown 8,310
12 ckeditor5 8,192
13 vditor 7,717
14 plate 7,699
15 craft.js 7,016
16 builder 6,646
17 VvvebJs 6,603
18 elementor 6,386
19 ckeditor4 5,769
20 Froala Editor 5,210
21 BlockNote 5,160
22 blocks 4,891
23 plasmic 4,016

Sponsored
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