Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

awesome-wysiwyg-editors

A curated list of awesome WYSIWYG Editors.
https://github.com/JefMari/awesome-wysiwyg-editors

Last synced: 1 day 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)