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. Learn more →
Top 23 JavaScript wysiwyg-editor Projects
-
-
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.
-
-
ckeditor5
Powerful rich text editor framework with a modular architecture, modern integrations, and features like collaborative editing.
-
react-draft-wysiwyg
A Wysiwyg editor build on top of ReactJS and DraftJS. https://jpuri.github.io/react-draft-wysiwyg
-
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.
-
-
megadraft
Megadraft is a Rich Text editor built on top of Facebook's Draft.JS featuring a nice default base of components and extensibility
-
-
-
-
Everright-formEditor
:guide_dog: Powerful lowcode|vue form editor,generator,designer,builder library. It provides an easy way to create custom forms. The project is extensible, easy to use and configure, and provides many commonly used form components and functions(vue可视化低代码表单设计器、表单编辑器、element-plus vant表单设计)
-
-
append-editor
Append to your notes @StandardNotes with GitHub Flavored Markdown via CodeMirror, Rich Markdown, and Monaco | https://appendeditor.com
-
studio
Adiptal Studio is an iframe based self-host headless page builder to integrate in any cms/framework. It's feature-rich design and gives clean output to design responsive pages. (by adiptal)
-
-
-
-
textbase
Textbase is a clean, simple, composable, event-driven, rich text editor framework for the web which can be extended with custom block and inline elements in a non-opinionated manner.
-
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.
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/
Project mention: Ask HN: What is your favorite FOSS WYSIWYG editor? | news.ycombinator.com | 2023-10-22
Project mention: React + @ckeditor/ckeditor5-build-balloon-block please help me with the following issue | /r/react | 2023-10-15
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.
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.
Project mention: Next Gen Headless Javascript Page Builder | Adiptal Studio | /r/coolgithubprojects | 2023-12-06
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).
JavaScript wysiwyg-editor related posts
- Next Gen Headless Javascript Page Builder | Adiptal Studio
- Ask HN: What is your favorite FOSS WYSIWYG editor?
- Next Gen Javascript Page Editor
- Your /r/javascript recap for the week of August 28 - September 03
- Best HTML WYSIWYG text editor for existing HTML
- Best way to create a modal with a rich text editor inside it?
- How to use Cloudflare R2 with Ruby on Rails Active Storage
-
A note from our sponsor - SurveyJS
surveyjs.io | 27 Apr 2024
Index
What are some of the best open-source wysiwyg-editor projects in JavaScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | trix | 18,668 |
| 2 | pell | 11,899 |
| 3 | Summernote | 11,377 |
| 4 | ckeditor5 | 8,192 |
| 5 | react-quill | 6,488 |
| 6 | react-draft-wysiwyg | 6,354 |
| 7 | Trumbowyg | 3,928 |
| 8 | dante | 1,965 |
| 9 | Mobiledoc Kit | 1,543 |
| 10 | suneditor | 1,345 |
| 11 | megadraft | 1,208 |
| 12 | django-markdown-editor | 775 |
| 13 | vue-froala-wysiwyg | 626 |
| 14 | ckeditor-releases | 517 |
| 15 | text | 503 |
| 16 | Everright-formEditor | 382 |
| 17 | angular-froala | 307 |
| 18 | append-editor | 78 |
| 19 | studio | 49 |
| 20 | bonita-ui-designer | 38 |
| 21 | Scriptor.js | 19 |
| 22 | block-editor | 16 |
| 23 | textbase | 10 |
Sponsored
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.
www.influxdata.com