Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
awesome-wysiwyg-editors
A curated list of awesome WYSIWYG Editors.
https://github.com/JefMari/awesome-wysiwyg-editors
Last synced: about 2 hours ago
JSON representation
-
独立的
- Squire - 一个 HTML5 富文本编辑器,它提供强大的跨浏览器规范化,同时又是极其轻巧和灵活的。 ![github star](https://img.shields.io/github/stars/neilj/Squire.svg?style=social&label=Star)
- Aloha Editor - Aloha Editor 是一个 JavaScript 内容编辑库。 ![github star](https://img.shields.io/github/stars/alohaeditor/Aloha-Editor.svg?style=social&label=Star)
- Etherpad - Etherpad。真正的实时协作式文档编辑。 ![github star](https://img.shields.io/github/stars/ether/etherpad-lite.svg?style=social&label=Star)
- Froala Editor - Free ⊘ Proprietary` - 一个设计精美的基于 HTML5 的 WYSIWYG 富文本编辑器。 ![github star](https://img.shields.io/github/stars/froala/wysiwyg-editor.svg?style=social&label=Star)
- Jodit - 丰富的 HTML WYSIWYG 编辑器和文件浏览器。 ![github star](https://img.shields.io/github/stars/xdan/jodit.svg?style=social&label=Star)
- Medium Editor - Medium.com WYSIWYG 编辑器的克隆。使用 contenteditable API 来实现富文本解决方案。 ![github star](https://img.shields.io/github/stars/yabwe/medium-editor.svg?style=social&label=Star)
- Medium.js - 一个微小的 JavaScript 库,用于使 contenteditable 美观(类似 Medium 的编辑器)。 ![github star](https://img.shields.io/github/stars/jakiestfu/Medium.js.svg?style=social&label=Star)
- Scribe - 一个适用于 web 平台的富文本编辑器框架,为浏览器的不一致性和合理的默认值提供了补丁。 ![github star](https://img.shields.io/github/stars/guardian/scribe.svg?style=social&label=Star)
- Substance - 一个用于基于 web 的内容编辑的 JavaScript 库。 ![github star](https://img.shields.io/github/stars/substance/substance.svg?style=social&label=Star)
- SunEditor - 纯粹的基于 javascript 的 WYSIWYG html 编辑器,没有依赖性。 ![github star](https://img.shields.io/github/stars/JiHong88/SunEditor.svg?style=social&label=Star)
- TinyMCE - 一个用于平台独立的 "WYSIWYG" 或富文本编辑的 JavaScript 库。 ![github star](https://img.shields.io/github/stars/tinymce/tinymce.svg?style=social&label=Star)
- tiptap - 为 web 技术提供的无头编辑器框架。 ![github star](https://img.shields.io/github/stars/ueberdosis/tiptap.svg?style=social&label=Star)
- Trix - 一个用于日常写作的富文本编辑器。 ![github star](https://img.shields.io/github/stars/basecamp/trix.svg?style=social&label=Star)
- UEditor - UEditor 是一个所见即所得的丰富的 WEB 编辑器,由百度 fex-team 开发。它是轻量级的、可定制的和面向用户的。 ![github star](https://img.shields.io/github/stars/fex-team/ueditor.svg?style=social&label=Star)
- wysihtml - 面向现代 Web 的开源富文本编辑器。 ![github star](https://img.shields.io/github/stars/Voog/wysihtml.svg?style=social&label=Star)
- CKEditor 4 - 经过战斗考验的 WYSIWYG HTML 编辑器。 ![github star](https://img.shields.io/github/stars/ckeditor/ckeditor-dev.svg?style=social&label=Star)
- Mobiledoc Kit - 使用 Mobiledoc 构建所见即所得编辑器的工具包。 ![github star](https://img.shields.io/github/stars/bustlelabs/mobiledoc-kit.svg?style=social&label=Star)
- Squire - 一个 HTML5 富文本编辑器,它提供强大的跨浏览器规范化,同时又是极其轻巧和灵活的。 ![github star](https://img.shields.io/github/stars/neilj/Squire.svg?style=social&label=Star)
- CKEditor 5 - 一套用强大的框架创建的随时可用的富文本编辑器。 ![github star](https://img.shields.io/github/stars/ckeditor/ckeditor5.svg?style=social&label=Star)
- Content Tools - 一个用于构建 HTML 内容的所见即所得编辑器的 JS 库。 ![github star](https://img.shields.io/github/stars/GetmeUK/ContentTools.svg?style=social&label=Star)
- grande.js - 这是在星巴克的一个中型。小指头响了。 ![github star](https://img.shields.io/github/stars/mduvall/grande.js.svg?style=social&label=Star)
- Pell - 最简单和最小的(1kB)Web WYSIWYG 文本编辑器,没有任何依赖性。 ![github star](https://img.shields.io/github/stars/jaredreich/pell.svg?style=social&label=Star)
- Pen Editor - 享受实时编辑(+ markdown)。 ![github star](https://img.shields.io/github/stars/sofish/pen.svg?style=social&label=Star)
- wangEditor - 一个轻量级的富文本编辑器,友好的 API,使用极为方便。 ![github star](https://img.shields.io/github/stars/wangeditor-team/wangEditor.svg?style=social&label=Star)
- Quill - 一个现代化的富文本编辑器,为兼容性和可扩展性而构建。 ![github star](https://img.shields.io/github/stars/quilljs/quill.svg?style=social&label=Star)
-
基于 JQuery
- Toast UI Editor - Markdown 所见即所得编辑器 - 生产性和可扩展性。 ![github star](https://img.shields.io/github/stars/nhnent/tui.editor.svg?style=social&label=Star)
- bootstrap-wysiwyg - 小巧的 bootstrap 兼容的 WYSIWYG 富文本编辑器。 ![github star](https://img.shields.io/github/stars/steveathon/bootstrap-wysiwyg.svg?style=social&label=Star)
- Dante Editor - 只是另一个 Medium wysiwyg 编辑器的克隆。 ![github star](https://img.shields.io/github/stars/michelson/Dante.svg?style=social&label=Star)
- Easyeditor - 非常轻量级和高度可配置的富文本 HTML 编辑器。 ![github star](https://img.shields.io/github/stars/im4aLL/easyeditor.svg?style=social&label=Star)
- jQuery-Notebook - 一个现代、简单、优雅的所见即所得的富文本编辑器。 ![github star](https://img.shields.io/github/stars/raphaelcruzeiro/jquery-notebook.svg?style=social&label=Star)
- popline - 一个 HTML5 富文本编辑器的工具栏。 ![github star](https://img.shields.io/github/stars/kenshin54/popline.svg?style=social&label=Star)
- simditor - 一个简单而快速的所见即所得编辑器。 ![github star](https://img.shields.io/github/stars/mycolorway/simditor.svg?style=social&label=Star)
- Summernote - 超级简单的 WYSIWYG 编辑器。 ![github star](https://img.shields.io/github/stars/summernote/summernote.svg?style=social&label=Star)
- Trumbowyg - 一个轻量级和惊人的所见即所得的 JavaScript 编辑器 - 只有 20kB(8kB gzip)。 ![github star](https://img.shields.io/github/stars/Alex-D/Trumbowyg.svg?style=social&label=Star)
- Toast UI Editor - Markdown 所见即所得编辑器 - 生产性和可扩展性。 ![github star](https://img.shields.io/github/stars/nhnent/tui.editor.svg?style=social&label=Star)
-
基于 React
- Draft.js - 一个 JavaScript 富文本编辑器框架,为 React 而建,由一个不可变的模型支持。 ![github star](https://img.shields.io/github/stars/facebook/draft-js.svg?style=social&label=Star)
- ckeditor4-react - 用于 React 的官方 CKEditor 4 富文本编辑器组件。 ![github star](https://img.shields.io/github/stars/ckeditor/ckeditor4-react.svg?style=social&label=Star)
- ckeditor5-react - 用于 React 的官方 CKEditor 5 富文本编辑器组件。 ![github star](https://img.shields.io/github/stars/ckeditor/ckeditor5-react.svg?style=social&label=Star)
- Dante II - 在 draft-js 中完全重写 dante 编辑器。 ![github star](https://img.shields.io/github/stars/michelson/dante2.svg?style=social&label=Star)
- jodit-react - Jodit 编辑器的 React 组件。 ![github star](https://img.shields.io/github/stars/jodit/jodit-react.svg?style=social&label=Star)
- React Draft Wysiwyg - 一个建立在 ReactJS 和 DraftJS 之上的 wysiwyg 编辑器。 ![github star](https://img.shields.io/github/stars/jpuri/react-draft-wysiwyg.svg?style=social&label=Star)
- react-froala-wysiwyg - Free` - 用于 Froala WYSIWYG HTML 富文本编辑器的 React 组件。 ![github star](https://img.shields.io/github/stars/froala/react-froala-wysiwyg.svg?style=social&label=Star)
- react-quill - 一个用于 React 的 Quill 组件。 ![github star](https://img.shields.io/github/stars/zenoamaro/react-quill.svg?style=social&label=Star)
- react-rte - 基于 draft-js 的纯 React 富文本 "WYSISYG" 编辑器。 ![github star](https://img.shields.io/github/stars/sstur/react-rte.svg?style=social&label=Star)
- Alloy Editor - 基于 CKEditor 的 WYSIWYG 编辑器,完全重写了用户视图。 ![github star](https://img.shields.io/github/stars/liferay/alloy-editor.svg?style=social&label=Star)
- react-mobiledoc-editor - 一个用 React 和 Mobiledoc-Kit 编写的 Mobiledoc 编辑器。 ![github star](https://img.shields.io/github/stars/upworthy/react-mobiledoc-editor.svg?style=social&label=Star)
- react-summernote - Summernote(超级简单的 WYSIWYG 编辑器)适应于 React。 ![github star](https://img.shields.io/github/stars/Vnkitaev/react-summernote.svg?style=social&label=Star)
- react-trix - Basecamp 的 Trix 编辑器的 React 包装器。 ![github star](https://img.shields.io/github/stars/dstpierre/react-trix.svg?style=social&label=Star)
- bangle.dev - 更高级别的 ProseMirror 组件集合,用于构建富文本编辑器。 ![github star](https://img.shields.io/github/stars/bangle-io/bangle.dev.svg?style=social&label=Star)
- suneditor-react - SunEditor 的纯 React 组件(基于纯 javascript 的 WYSIWYG html 编辑器,无依赖性)。 ![github star](https://img.shields.io/github/stars/mkhstar/suneditor-react.svg?style=social&label=Star)
- tinymce-react - TinyMCE 的官方 React 包装器。 ![github star](https://img.shields.io/github/stars/tinymce/tinymce-react.svg?style=social&label=Star)
- Draft.js - 一个 JavaScript 富文本编辑器框架,为 React 而建,由一个不可变的模型支持。 ![github star](https://img.shields.io/github/stars/facebook/draft-js.svg?style=social&label=Star)
- Slate JS - 一个完全可定制的编辑器框架。 ![github star](https://img.shields.io/github/stars/ianstormtaylor/slate.svg?style=social&label=Star)
-
类似 WYSIWYG
- GrapesJS - 一个开源、多用途的 Web Builder 框架。 ![github star](https://img.shields.io/github/stars/artf/grapesjs.svg?style=social&label=Star)
- EmojiOne Area - 用于 jQuery 的类似 WYSIWYG 的 EmojiOne 转换器/选择器插件。 ![github star](https://img.shields.io/github/stars/mervick/emojionearea.svg?style=social&label=Star)
- prosemirror - ProseMirror 所见即所得编辑器。 ![github star](https://img.shields.io/github/stars/ProseMirror/prosemirror.svg?style=social&label=Star)
- Sir Trevor - 丰富的内容编辑完全是为网络重新设计的。 ![github star](https://img.shields.io/github/stars/madebymany/sir-trevor-js.svg?style=social&label=Star)
- woofmark - 一个模块化的、渐进的、漂亮的 Markdown 和 HTML 编辑器。 ![github star](https://img.shields.io/github/stars/bevacqua/woofmark.svg?style=social&label=Star)
- ngx-wall - 可扩展的基于组件的编辑器,具有漂亮的拖放体验。 ![github star](https://img.shields.io/github/stars/vm-mishchenko/ngx-wall.svg?style=social&label=Star)
- last-draft - 一个使用 Draft-js-plugins 的 Draft.js 编辑器。 ![github star](https://img.shields.io/github/stars/vacenz/last-draft.svg?style=social&label=Star)
- Ory editor - 下一代、高度可定制的浏览器内容编辑器 - 基于 React 和 Redux。 所见即所得的 steroids。 ![github star](https://img.shields.io/github/stars/ory/editor.svg?style=social&label=Star)
-
协议
-
基于 Angular
- angular-froala - Free` - 为 Froala 所见即所得的 HTML 富文本编辑器提供 Angular.js 绑定。 ![github star](https://img.shields.io/github/stars/froala/angular-froala.svg?style=social&label=Star)
- ckeditor4-angular - 用于 Angular 2+ 的官方 CKEditor 4 富文本编辑器组件。 ![github star](https://img.shields.io/github/stars/ckeditor/ckeditor4-angular.svg?style=social&label=Star)
- ckeditor5-angular - 用于 Angular 2+ 的官方 CKEditor 5 富文本编辑器组件。 ![github star](https://img.shields.io/github/stars/ckeditor/ckeditor5-angular.svg?style=social&label=Star)
- ngx-summernote - Summernote wysiwyg 编辑器基于 Angular。 ![github star](https://img.shields.io/github/stars/lula/ngx-summernote.svg?style=social&label=Star)
- jodit-angular - 围绕 Jodit 的 Angular 包装器,使其更容易在 Angular 中使用。 ![github star](https://img.shields.io/github/stars/jodit/jodit-angular.svg?style=social&label=Star)
- ng-quill - Quill 富文本编辑器的 AngularJS 组件。 ![github star](https://img.shields.io/github/stars/KillerCodeMonkey/ng-quill.svg?style=social&label=Star)
- ngx-quill - 一个用于 Quill 富文本编辑器的 Angular(>=2)组件。 ![github star](https://img.shields.io/github/stars/KillerCodeMonkey/ngx-quill.svg?style=social&label=Star)
- textAngular - 为 Angular.js 提供的一个根本性的强大的文本编辑器/Wysiwyg 编辑器。 ![github star](https://img.shields.io/github/stars/textAngular/textAngular.svg?style=social&label=Star)
- tinymce-angular - TinyMCE 的官方 Angular 包装器。 ![github star](https://img.shields.io/github/stars/tinymce/tinymce-angular.svg?style=social&label=Star)
- ngx-wig - Angular WYSIWYG HTML 富文本编辑器(灵感来自 AngularJS [ngWig](https://github.com/stevermeister/ngWig)) ![github star](https://img.shields.io/github/stars/stevermeister/ngx-wig.svg?style=social&label=Star)
- ngx-editor - 使用 ProseMirror 的 angular 富文本编辑器) ![github star](https://img.shields.io/github/stars/sibiraj-s/ngx-editor.svg?style=social&label=Star)
-
基于 Vue
- umo-editor - Umo Editor 是一个基于 Vue3 适合于国人使用的本土化开源文档编辑器。
- ckeditor4-vue - 用于 Vue.js 的官方 CKEditor 4 富文本编辑器组件。 ![github star](https://img.shields.io/github/stars/ckeditor/ckeditor4-vue.svg?style=social&label=Star)
- ckeditor5-vue - 用于 Vue.js 的官方 CKEditor 5 富文本编辑器组件。 ![github star](https://img.shields.io/github/stars/ckeditor/ckeditor5-vue.svg?style=social&label=Star)
- vue-froala-wysiwyg - Free` - Froala WYSIWYG HTML 富文本编辑器的 Vue 组件。 ![github star](https://img.shields.io/github/stars/froala/vue-froala-wysiwyg.svg?style=social&label=Star)
- vue-html5-editor - 一个用于 vue 的 html5 wysiwyg 编辑器。 ![github star](https://img.shields.io/github/stars/PeakTai/vue-html5-editor.svg?style=social&label=Star)
- vue-wysiwyg - 用于 Vue.js 的轻量级 WYSIWYG 编辑器。 ![github star](https://img.shields.io/github/stars/chmln/vue-wysiwyg.svg?style=social&label=Star)
- vue-ckeditor5 - CKEditor 5 用于 Vue。 ![github star](https://img.shields.io/github/stars/igorxut/vue-ckeditor5.svg?style=social&label=Star)
- Vue2Editor - 一个使用 Vue.js 和 Quill 的文本编辑器。 ![github star](https://img.shields.io/github/stars/davidroyer/vue2-editor.svg?style=social&label=Star)
- vue-trix - Vue.js 的简单和轻量级的 Trix 编辑器组件。 ![github star](https://img.shields.io/github/stars/hanhdt/vue-trix.svg?style=social&label=Star)
- Everright-formEditor - 一个基于 Vue3 的可视化低代码表单编辑器,通过 gui 的界面只需简单的操作即可创建出表单,拥有灵活的交互界面,pc 端依赖 element-plus,mobile 依赖 vant,内部有一套适配器,适配 element 和 vant 的组件。 ![github star](https://img.shields.io/github/stars/Liberty-liu/Everright-formEditor.svg?style=social&label=Star)
- vue-mobiledoc-editor - 一个用于 Vuejs 的 mobiledoc 编辑器组件工具包。 ![github star](https://img.shields.io/github/stars/alidcastano/vue-mobiledoc-editor.svg?style=social&label=Star)
- tinymce-vue - Vue 的官方 TinyMCE 包装器。 ![github star](https://img.shields.io/github/stars/tinymce/tinymce-vue.svg?style=social&label=Star)
-
基于 Ruby
- bootstrap-wysihtml5-rails - 用于 Bootstrap 的所见即所得编辑器,集成在 Rails 资产管道中。 ![github star](https://img.shields.io/github/stars/Nerian/bootstrap-wysihtml5-rails.svg?style=social&label=Star)
- bootsy - 一个漂亮的带有图片上传功能的 Rails wysiwyg 编辑器。 ![github star](https://img.shields.io/github/stars/volmer/bootsy.svg?style=social&label=Star)
- ckeditor - 用于 Rails 的 Ckeditor 集成 rails。 ![github star](https://img.shields.io/github/stars/galetahub/ckeditor.svg?style=social&label=Star)
- wysiwyg-rails - Free` - 用于 Froala jQuery WYSIWYG HTML 富文本编辑器的 Ruby gem。 ![github star](https://img.shields.io/github/stars/froala/wysiwyg-rails.svg?style=social&label=Star)
- Mercury Editor - Mercury 编辑器。Rails HTML5 WYSIWYG 编辑器。 ![github star](https://img.shields.io/github/stars/jejacks0n/mercury.svg?style=social&label=Star)
Programming Languages
Sub Categories
Keywords
wysiwyg-editor
27
wysiwyg
22
rich-text-editor
21
javascript
16
editor
14
react
7
text-editor
7
angular
7
wysiwyg-html-editor
6
vue
6
contenteditable
6
tinymce
4
rich-text
4
quilljs
3
html
3
summernote
3
quill
3
prosemirror
3
medium-editor
2
vue2
2
typescript
2
ng
2
markdown
2
jquery-plugin
2
html-editor
2
collaborative-editing
2
angular9
2
angular8
2
angular7
2
integration
2
froala-editor
2
draft-js
2
rte
2
ckeditor
2
reactjs
2
coffeescript
1
lightweight
1
trumbowyg
1
angular-wysiwyg
1
summernote-editor
1
medium-clone
1
custom-elements
1
ngx-summernote
1
angular6
1
angularjs
1
tiptap
1
renderless-components
1
ng-quill
1
collaboration
1
collaborative
1