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. Learn more →
Top 23 wysiwyg-editor Open-Source Projects
-
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 was the winner. It was easy to style, is well maintained, has documentation for embedding it into a form, is easy to create custom keyboard shortcuts for, has great examples on how to save/load content or modify it with javascript.
-
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.
-
lexical
Lexical is an extensible text editor framework that provides excellent reliability, accessibility and performance.
Lexical (https://lexical.dev/) is really nice to use and doesn't use Prosemirror or CKEditor.
-
TinyMCE
The world's #1 JavaScript library for rich text editing. Available for React, Vue and Angular
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.
-
-
Project mention: Ask HN: What is your favorite FOSS WYSIWYG editor? | news.ycombinator.com | 2023-10-22
-
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-05This 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!
-
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.
-
-
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 -
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.
-
The email template settings page should provide a user interface where users can see and edit the email template. The react-quill (https://github.com/zenoamaro/react-quill) component will be used as the editor for the email template message.
-
react-draft-wysiwyg
A Wysiwyg editor build on top of ReactJS and DraftJS. https://jpuri.github.io/react-draft-wysiwyg
Project mention: Best way to create a modal with a rich text editor inside it? | /r/reactjs | 2023-07-02Tailwind already has modal example so I assume you are looking for rich text editor. Now library to use depends what your use case for editor is. If it is for editing code or json then @monaco-editor/react fits the bill very nicely. For more general content you can use react-draft-wysiwyg . I can provide more options if you specify what the editor will be used for.
-
-
Its official GitHub page: https://github.com/froala/wysiwyg-editor
-
-
-
-
-
I use https://xdsoft.net/jodit/
-
-
-
element-tiptap
🌸A modern WYSIWYG rich-text editor using tiptap and Element UI for Vue3 (1.0 for Vue2)
View on GitHub
-
Project mention: Port a UiKit / mac Catalyst Rich Text Editor Over to a SwiftUI mac Application? | /r/SwiftUI | 2023-08-10
I am looking for a RTE for my macOS/iOS application and most of the ones i find are really bad (which is quite surprising). However I found this one which is quite promising: https://github.com/rajdeep/proton/tree/main
-
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-27.
wysiwyg-editor related posts
- WYSIWYG editor for a new Rails project
- Next Gen Headless Javascript Page Builder | Adiptal Studio
- Ask HN: What is your favorite FOSS WYSIWYG editor?
- Vue 3 rich text editor
- Next Gen Javascript Page Editor
- Rules
- Your /r/javascript recap for the week of August 28 - September 03
-
A note from our sponsor - InfluxDB
www.influxdata.com | 18 Apr 2024
Index
What are some of the best open-source wysiwyg-editor projects? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | tiptap | 23,630 |
| 2 | trix | 18,617 |
| 3 | lexical | 17,225 |
| 4 | TinyMCE | 14,260 |
| 5 | pell | 11,899 |
| 6 | Summernote | 11,365 |
| 7 | react-page | 9,383 |
| 8 | milkdown | 8,290 |
| 9 | ckeditor5 | 8,135 |
| 10 | plate | 7,699 |
| 11 | react-quill | 6,469 |
| 12 | react-draft-wysiwyg | 6,349 |
| 13 | richeditor-android | 6,198 |
| 14 | Froala Editor | 5,208 |
| 15 | Trumbowyg | 3,925 |
| 16 | awesome-wysiwyg-editors | 2,767 |
| 17 | flutter-quill | 2,347 |
| 18 | dante | 1,965 |
| 19 | jodit | 1,566 |
| 20 | Mobiledoc Kit | 1,543 |
| 21 | suneditor | 1,331 |
| 22 | element-tiptap | 1,226 |
| 23 | Proton | 1,213 |
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