Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.
Awesome Lists | Featured Topics | Projects
https://github.com/xjh22222228/awesome-web-editor

🔨 Open source WEB editor summary
https://github.com/xjh22222228/awesome-web-editor
awesome awesome-list editor jquery-editor json-editor lists markdown-editor react-editor resources rich-text-editor summary vue-editor web-editor wysiwyg wysiwyg-editor wysiwyg-editors wysiwyg-html-editor wysiwyg-js-editor
Last synced: about 1 month ago
JSON representation
🔨 Open source WEB editor summary
Host: GitHub
URL: https://github.com/xjh22222228/awesome-web-editor
Owner: xjh22222228
License: cc0-1.0
Created: 2018-07-28T09:28:28.000Z (over 6 years ago)
Default Branch: main
Last Pushed: 2024-04-13T18:25:49.000Z (7 months ago)
Last Synced: 2024-04-13T21:35:22.913Z (7 months ago)
Topics: awesome, awesome-list, editor, jquery-editor, json-editor, lists, markdown-editor, react-editor, resources, rich-text-editor, summary, vue-editor, web-editor, wysiwyg, wysiwyg-editor, wysiwyg-editors, wysiwyg-html-editor, wysiwyg-js-editor
Language: Python
Homepage:
Size: 1.31 MB
Stars: 732
Watchers: 14
Forks: 60
Open Issues: 1
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project

awesome-hacking-lists - xjh22222228/awesome-web-editor - 🔨 Open source WEB editor summary (Python)
project-awesome - xjh22222228/awesome-web-editor - 🔨 Open source WEB editor summary (Python)
ultimate-awesome - awesome-web-editor - 🔨 Open source WEB editor summary. (Programming Language Lists / JavaScript Lists)
README

        


  

  

    

      

    

  



# Contents

- [Rich text editor](#Rich-text-editor)

- [Markdown editor](#Markdown-editor)

- [Markdown parser](#Markdown-parser)

- [Markdown style](#Markdown-style)

- [Browser editor](#Browser-editor)

- [JSON editor](#JSON-editor)

- [Design editor](#Design-editor)

- [SVG editor](#SVG-editor)

- [Table editor](#Table-editor)

- [Document editor](#Document-editor)

- [Other](#Other)

## Rich text editor

- Pure JavaScript

  - [quill](https://github.com/quilljs/quill) ★ 43247 - Quill is a modern WYSIWYG editor built for compatibility and extensibility.

  - [Editor.js](https://github.com/codex-team/editor.js) ★ 28308 - A block-styled editor with clean JSON output

  - [lexical](https://github.com/facebook/lexical) ★ 19300 - Lexical is an extensible text editor framework that provides excellent reliability, accessibility and performance.

  - [wangEditor](https://github.com/wangeditor-team/wangEditor) ★ 17413 - Lightweight web rich text editor, easy to configure and use. Support IE10 + browser.

  - [medium-editor](https://github.com/yabwe/medium-editor) ★ 16041 - Medium.com WYSIWYG editor clone. Uses contenteditable API to implement a rich text solution.

  - [tinymce](https://github.com/tinymce/tinymce) ★ 14894 - The world's most popular JavaScript library for rich text editing. Available for React, Vue and Angular.

  - [pell](https://github.com/jaredreich/pell) ★ 11947 - the simplest and smallest WYSIWYG text editor for web, with no dependencies.

  - [ckeditor5](https://github.com/ckeditor/ckeditor5) ★ 9374 - Development environment for CKEditor 5 – the best browser-based rich text editor.

  - [prosemirror](https://github.com/ProseMirror/prosemirror) ★ 7624 - The ProseMirror WYSIWYM editor.

  - [ueditor](https://github.com/fex-team/ueditor) ★ 6650 - Baidu rich text.

  - [wysihtml5](https://github.com/xing/wysihtml5) ★ 6489 - Open source rich text editor based on HTML5 and the progressive-enhancement approach. Uses a sophisticated security concept and aims to generate fully valid HTML5 markup by preventing unmaintainable tag soups and inline styles.

  - [simditor](https://github.com/mycolorway/simditor) ★ 5022 - An Easy and Fast WYSIWYG Editor.

  - [pen](https://github.com/sofish/pen) ★ 4803 - enjoy live editing (+markdown).

  - [Squire](https://github.com/neilj/Squire) ★ 4757 - Squire is an HTML5 rich text editor, which provides powerful cross-browser normalisation, whilst being supremely lightweight and flexible. It is built for the present and the future, and as such does not support truly ancient browsers. It should work fine back to around Opera 12, Firefox 3.5, Safari 5, Chrome 9 and IE9.

  - [canvas-editor](https://github.com/Hufe921/canvas-editor) ★ 3499 - rich text editor by canvas/svg.

  - [mercury](https://github.com/jejacks0n/mercury) ★ 2632 - Mercury Editor: The Rails HTML5 WYSIWYG editor.

  - [Aloha-Editor](https://github.com/alohaeditor/Aloha-Editor?tab=readme-ov-file) ★ 2463 - Aloha Editor is a JavaScript content editing library。

  - [kindeditor](https://github.com/kindsoft/kindeditor) ★ 1896 - WYSIWYG HTML editor.

  - [SunEditor](https://github.com/JiHong88/SunEditor) ★ 1729 - Pure javascript based WYSIWYG html editor, with no dependencies.

  - [jodit](https://github.com/xdan/jodit) ★ 1661 - Jodit - Best WYSIWYG Editor for You.

  - [mobiledoc-kit](https://github.com/bustle/mobiledoc-kit) ★ 1549 - A toolkit for building WYSIWYG editors with Mobiledoc.

  - [Textbus](https://github.com/textbus/textbus) ★ 1081 - A component-based and high-performance rich text develop framework that Support online collaborative editing.

  - [am-editor](https://github.com/yanmao-cc/am-editor) ★ 936 - A rich text collaborative editor framework that can use React and Vue custom plug-ins.

- vue.js

  - [tiptap](https://github.com/heyscrumpy/tiptap) ★ 26777 - A rich-text editor for Vue.js

  - [vue-quill-editor](https://github.com/surmon-china/vue-quill-editor) ★ 7375 - Quill editor component for Vue, support SPA and SSR.

  - [vue2-editor](https://github.com/davidroyer/vue2-editor) ★ 2501 - A text editor using Vue2 and Quill.

  - [neditor](https://github.com/notadd/neditor) ★ 1907 - A more modern rich text editor based on ueditor, supporting HTTPS.

  - [vue-editor-js](https://github.com/ChangJoo-Park/vue-editor-js) ★ 357 - editor.js wrapper component for Vue.js

  - [iview-editor](https://github.com/iview/iview-editor) ★ 222 - iView Editor.

- react

  - [slate](https://github.com/ianstormtaylor/slate) ★ 29671 - A completely customizable framework for building rich text editors.

  - [draft-js](https://github.com/facebook/draft-js) ★ 22560 - A React framework for building text editors.

  - [react-quill](https://github.com/zenoamaro/react-quill) ★ 6705 - A Quill component for React.

  - [braft-editor](https://github.com/margox/braft-editor) ★ 4604 - Beautiful and easy-to-use React rich text editor, developed based on draft-js.

  - [alloy-editor](https://github.com/liferay/alloy-editor/) ★ 988 - WYSIWYG editor based on CKEditor with completely rewritten UI.

  - [dante2](https://github.com/michelson/dante2) ★ 910 - A complete rewrite of dante editor in draft-js.

  - [bangle.dev](https://github.com/bangle-io/bangle.dev) ★ 635 - A collection of rich text editor tools to build your next Google doc clone.

- jQuery

  - [summernote](https://github.com/summernote/summernote) ★ 11534 - Super simple WYSIWYG editor, Summernote is built on jQuery.

  - [bootstrap-wysiwyg](https://github.com/mindmup/bootstrap-wysiwyg/) ★ 5632 - Tiny bootstrap-compatible WISWYG rich text editor

  - [wysiwyg-editor](https://github.com/froala/wysiwyg-editor) ★ 5277 - The next generation Javascript WYSIWYG HTML Editor.

  - [jquery-notebook](https://github.com/raphaelcruzeiro/jquery-notebook) ★ 1688 - A modern, simple and elegant WYSIWYG rich text editor.

  - [popline](https://github.com/kenshin54/popline) ★ 1059 - Popline is an HTML5 Rich-Text-Editor Toolbar.

---

## Markdown editor

- Pure JavaScript

  - [tui.editor](https://github.com/nhn/tui.editor/tree/master/apps/editor) ★ 12816 - Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible.

  - [simplemde-markdown-editor](https://github.com/sparksuite/simplemde-markdown-editor) ★ 9877 - A simple, beautiful, and embeddable JavaScript Markdown editor. Delightful editing for beginners and experts alike. Features built-in autosaving and spell checking.

  - [milkdown](https://github.com/Saul-Mirone/milkdown) ★ 8839 - Plugin driven WYSIWYG markdown editor framework.

  - [dillinger](https://github.com/joemccann/dillinger) ★ 7942 - The last Markdown editor, ever.

  - [pen](https://github.com/sofish/pen) ★ 4803 - enjoy live editing (+markdown).

  - [EpicEditor](https://github.com/OscarGodson/EpicEditor) ★ 4246 - An Embeddable JavaScript Markdown Editor.

  - [markdown-nice](https://github.com/mdnice/markdown-nice) ★ 4176 - Markdown editor supporting theme design, make typography nice.

  - [editor](https://github.com/lepture/editor) ★ 2794 - A markdown editor.

  - [stackedit.js](https://github.com/benweet/stackedit.js) ★ 1076 - Add StackEdit to any website.

- jQuery

  - [editor.md](https://github.com/pandao/editor.md) ★ 13810 - The open source embeddable online markdown editor (component).

- vue.js

  - [milkdown](https://github.com/Saul-Mirone/milkdown) ★ 8839 - Plugin driven WYSIWYG markdown editor framework.

  - [mavonEditor](https://github.com/hinesboy/mavonEditor) ★ 6432 - A markdown editor based on Vue that supports a variety of personalized features.

- React

  - [mdx](https://github.com/mdx-js/mdx) ★ 17436 - MDX is an authorable format that lets you seamlessly use JSX in your markdown documents. You can import components, like interactive charts or notifications, and export metadata. This makes writing long-form content with components a blast.

  - [react-markdown](https://github.com/remarkjs/react-markdown) ★ 12987 - Render Markdown as React components.

  - [milkdown](https://github.com/Saul-Mirone/milkdown) ★ 8839 - Plugin driven WYSIWYG markdown editor framework.

  - [md-editor](https://github.com/ant-design/md-editor) ★ 6 - The YuQue editor supports markdown rendering and editing.

---

## Markdown parser

- JavaScript

  - [marked](https://github.com/markedjs/marked) ★ 32858 - A markdown parser and compiler. Built for speed.

  - [markdown-it](https://github.com/markdown-it/markdown-it) ★ 18005 - Markdown parser, done right. 100% CommonMark support, extensions, syntax plugins & high speed.

  - [showdown](https://github.com/showdownjs/showdown) ★ 14221 - A bidirectional MD to HTML to MD converter written in Javascript.

  - [turndown](https://github.com/domchristie/turndown) ★ 8711 - An HTML to Markdown converter written in JavaScript.

  - [markdown-js](https://github.com/evilstreak/markdown-js) ★ 7695 - A Markdown parser for javascript.

  - [remark](https://github.com/remarkjs/remark) ★ 7566 - remark is a Markdown processor powered by plugins part of the unified collective.

  - [texme](https://github.com/susam/texme) ★ 2305 - Self-rendering Markdown + LaTeX documents.

- Golang

  - [blackfriday](https://github.com/russross/blackfriday) ★ 5426 - Blackfriday: a markdown processor for Go.

  - [goldmark](https://github.com/yuin/goldmark) ★ 3588 - A markdown parser written in Go. Easy to extend, standard(CommonMark) compliant, well structured.

- Python

  - [markdown](https://github.com/Python-Markdown/markdown) ★ 3749 - A Python implementation of John Gruber’s Markdown with Extension support.

  - [python-markdown2](https://github.com/trentm/python-markdown2) ★ 2641 - markdown2: A fast and complete implementation of Markdown in Python.

- PHP

  - [parsedown](https://github.com/erusev/parsedown) ★ 14751 - Better Markdown Parser in PHP.

  - [php-markdown](https://github.com/michelf/php-markdown) ★ 3423 - Parser for Markdown and Markdown Extra derived from the original Markdown.pl.

- Java

  - [commonmark-java](https://github.com/commonmark/commonmark-java) ★ 2268 - Java library for parsing and rendering CommonMark (Markdown).

- C#

  - [markdig](https://github.com/lunet-io/markdig) ★ 4300 - A fast, powerful, CommonMark compliant, extensible Markdown processor for .NET.

## Markdown style

- [github-markdown-css](https://github.com/sindresorhus/github-markdown-css) ★ 7928 - The minimal amount of CSS to replicate the GitHub Markdown style.

---

## Browser editor

- markdown

  - [stackedit](https://github.com/benweet/stackedit) ★ 21661 - In-browser Markdown editor.

  - [markdown-editor](https://github.com/jbt/markdown-editor) ★ 2831 - Live (Github-flavored) Markdown Editor.

- react

  - [react-ace](https://github.com/securingsincity/react-ace) ★ 4045 - React Ace Component, Support multiple languages and themes

  - [react-monaco-editor](https://github.com/react-monaco-editor/react-monaco-editor) ★ 3810 - Monaco Editor for React.

- SVG

  - [svgedit](https://github.com/SVG-Edit/svgedit) ★ 6583 - Powerful SVG-Editor for your browser.

  - [Method-Draw](https://github.com/methodofaction/Method-Draw) ★ 2796 - Method Draw, the SVG Editor for Method of Action.

- [CodeMirror](https://github.com/codemirror/CodeMirror) ★ 26772 - In-browser code editor.

- [monaco-editor](https://github.com/Microsoft/monaco-editor) ★ 39948 - A browser based code editor.

- [codesandbox-client](https://github.com/codesandbox/codesandbox-client) ★ 13031 - An online code editor tailored for web application development 🏖️

- [ace](https://github.com/ajaxorg/ace) ★ 26676 - Ace is a standalone code editor written in JavaScript. Our goal is to create a browser based editor that matches and extends the features, usability and performance of existing native editors such as TextMate, Vim or Eclipse. It can be easily embedded in any web page or JavaScript application. Ace is developed as the primary editor for Cloud9 IDE and the successor of the Mozilla Skywriter (Bespin) Project.

---

## JSON editor

- [jsoneditor](https://github.com/josdejong/jsoneditor) ★ 11550 - A web-based tool to view, edit, format, and validate JSON

## Design editor

- Pure JavaScript

  - [VvvebJs](https://github.com/givanz/VvvebJs) ★ 7121 - Drag and drop website builder javascript library.

- React

  - [Excalidraw](https://github.com/excalidraw/excalidraw) ★ 81633 - Virtual whiteboard for sketching hand-drawn like diagrams.

  - [react-email-editor](https://github.com/unlayer/react-email-editor) ★ 4541 - Drag-n-Drop Email Editor Component for React.js.

  - [imove](https://github.com/imgcook/imove) ★ 3749 - Move your mouse, generate code from flow chart.

  - [GGEditor](https://github.com/alibaba/GGEditor) ★ 3412 - A visual graph editor based on G6 and React.

  - [micro-design-editor](https://github.com/xjh22222228/micro-design-editor) - Micro page editing component for react.

## SVG editor

- Pure JavaScript

  - [svgedit](https://github.com/SVG-Edit/svgedit) ★ 6583 - Powerful SVG-Editor for your browser.

## Table editor

- jQuery

  - [DataTables](https://datatables.net/) - Add advanced interaction controls to your HTML tables the free & easy way.

- React

  - [react-data-grid](https://github.com/adazzle/react-data-grid) ★ 6913 - Excel-like grid component built with React, with editors, keyboard navigation, copy & paste, and the like.

## Document editor

- Vue

  - [Umo Editor](https://github.com/umodoc/editor) ★ 199 - A localized open-source document editor suitable for Chinese use based on Vue3. Umo Editor provides comprehensive document editing capabilities, supports Markdown syntax, basic rich text editing functions, supports multiple node types for inserting multiple formats, provides various types of practical tools, and supports setting page styles and exporting multiple types of formats.

---

## Other

- [github-markdown-css](https://github.com/sindresorhus/github-markdown-css) ★ 7928 - The minimal amount of CSS to replicate the GitHub Markdown style.

- [Markdown Syntax](https://github.com/younghz/Markdown) ★ 3686 - markdown tutorials.

---

## License

[![CC0](http://mirrors.creativecommons.org/presskit/buttons/88x31/svg/cc-zero.svg)](https://creativecommons.org/publicdomain/zero/1.0/)