精选的所见即所得（WYSIWYG）编辑器列表。
English | 简体中文
所见即所得的编辑器，可以不依赖其他库或框架而使用。
- Aloha Editor - Aloha Editor 是一个 JavaScript 内容编辑库。
- CKEditor 4 - 经过战斗考验的 WYSIWYG HTML 编辑器。
- CKEditor 5 - 一套用强大的框架创建的随时可用的富文本编辑器。
- Content Tools - 一个用于构建 HTML 内容的所见即所得编辑器的 JS 库。
- Etherpad - Etherpad。真正的实时协作式文档编辑。
- Froala Editor
$ Non-Free ⊘ Proprietary- 一个设计精美的基于 HTML5 的 WYSIWYG 富文本编辑器。 - grande.js - 这是在星巴克的一个中型。小指头响了。
- Jodit - 丰富的 HTML WYSIWYG 编辑器和文件浏览器。
- Medium Editor - Medium.com WYSIWYG 编辑器的克隆。使用 contenteditable API 来实现富文本解决方案。
- Medium.js - 一个微小的 JavaScript 库，用于使 contenteditable 美观（类似 Medium 的编辑器）。
- Mobiledoc Kit - 使用 Mobiledoc 构建所见即所得编辑器的工具包。
- Pell - 最简单和最小的（1kB）Web WYSIWYG 文本编辑器，没有任何依赖性。
- Pen Editor - 享受实时编辑（+ markdown）。
- Quill - 一个现代化的富文本编辑器，为兼容性和可扩展性而构建。
- Scribe - 一个适用于 web 平台的富文本编辑器框架，为浏览器的不一致性和合理的默认值提供了补丁。
- Slate - 一个完全可定制的框架，用于构建富文本编辑器。
- Squire - 一个 HTML5 富文本编辑器，它提供强大的跨浏览器规范化，同时又是极其轻巧和灵活的。
- Substance - 一个用于基于 web 的内容编辑的 JavaScript 库。
- SunEditor - 纯粹的基于 javascript 的 WYSIWYG html 编辑器，没有依赖性。
- TinyMCE - 一个用于平台独立的 "WYSIWYG" 或富文本编辑的 JavaScript 库。
- tiptap - 为 web 技术提供的无头编辑器框架。
- Trix - 一个用于日常写作的富文本编辑器。
- Tui Editor - Markdown WYSIWYG 编辑器。GFM 标准+图表&UML 可扩展。
- UEditor - UEditor 是一个所见即所得的丰富的 WEB 编辑器，由百度 fex-team 开发。它是轻量级的、可定制的和面向用户的。
- wangEditor - 一个轻量级的富文本编辑器，友好的 API，使用极为方便。
- wysihtml - 面向现代 Web 的开源富文本编辑器。
编辑器依赖 JQuery
- bootstrap-wysiwyg - 小巧的 bootstrap 兼容的 WYSIWYG 富文本编辑器。
- Dante Editor - 只是另一个 Medium wysiwyg 编辑器的克隆。
- Easyeditor - 非常轻量级和高度可配置的富文本 HTML 编辑器。
- jQuery-Notebook - 一个现代、简单、优雅的所见即所得的富文本编辑器。
- popline - 一个 HTML5 富文本编辑器的工具栏。
- simditor - 一个简单而快速的所见即所得编辑器。
- Summernote - 超级简单的 WYSIWYG 编辑器。
- Toast UI Editor - Markdown 所见即所得编辑器 - 生产性和可扩展性。
- Trumbowyg - 一个轻量级和惊人的所见即所得的 JavaScript 编辑器 - 只有 20kB（8kB gzip）。
为你的基于 angular 的项目提供编辑器。
- angular-froala
$ Non-Free- 为 Froala 所见即所得的 HTML 富文本编辑器提供 Angular.js 绑定。 - ckeditor4-angular - 用于 Angular 2+ 的官方 CKEditor 4 富文本编辑器组件。
- ckeditor5-angular - 用于 Angular 2+ 的官方 CKEditor 5 富文本编辑器组件。
- ngx-summernote - Summernote wysiwyg 编辑器基于 Angular。
- jodit-angular - 围绕 Jodit 的 Angular 包装器，使其更容易在 Angular 中使用。
- ng-quill - Quill 富文本编辑器的 AngularJS 组件。
- ngx-quill - 一个用于 Quill 富文本编辑器的 Angular（>=2）组件。
- textAngular - 为 Angular.js 提供的一个根本性的强大的文本编辑器/Wysiwyg 编辑器。
- tinymce-angular - TinyMCE 的官方 Angular 包装器。
- ngx-wig - Angular WYSIWYG HTML 富文本编辑器（灵感来自 AngularJS ngWig）
- ngx-editor - 使用 ProseMirror 的 angular 富文本编辑器)
为你的基于 React 的项目提供编辑。
- Alloy Editor - 基于 CKEditor 的 WYSIWYG 编辑器，完全重写了用户视图。
- bangle.dev - 更高级别的 ProseMirror 组件集合，用于构建富文本编辑器。
- ckeditor4-react - 用于 React 的官方 CKEditor 4 富文本编辑器组件。
- ckeditor5-react - 用于 React 的官方 CKEditor 5 富文本编辑器组件。
- Dante II - 在 draft-js 中完全重写 dante 编辑器。
- Draft.js - 一个 JavaScript 富文本编辑器框架，为 React 而建，由一个不可变的模型支持。
- jodit-react - Jodit 编辑器的 React 组件。
- React Draft Wysiwyg - 一个建立在 ReactJS 和 DraftJS 之上的 wysiwyg 编辑器。
- react-froala-wysiwyg
$ Non-Free- 用于 Froala WYSIWYG HTML 富文本编辑器的 React 组件。 - react-mobiledoc-editor - 一个用 React 和 Mobiledoc-Kit 编写的 Mobiledoc 编辑器。
- react-quill - 一个用于 React 的 Quill 组件。
- react-rte - 基于 draft-js 的纯 React 富文本 "WYSISYG" 编辑器。
- react-summernote - Summernote（超级简单的 WYSIWYG 编辑器）适应于 React。
- react-trix - Basecamp 的 Trix 编辑器的 React 包装器。
- Slate JS - 一个完全可定制的编辑器框架。
- suneditor-react - SunEditor 的纯 React 组件（基于纯 javascript 的 WYSIWYG html 编辑器，无依赖性）。
- tinymce-react - TinyMCE 的官方 React 包装器。
为你的基于 Vue 的项目提供编辑。
- umo-editor - Umo Editor 是一个基于 Vue3 适合于国人使用的本土化开源文档编辑器。
- ckeditor4-vue - 用于 Vue.js 的官方 CKEditor 4 富文本编辑器组件。
- ckeditor5-vue - 用于 Vue.js 的官方 CKEditor 5 富文本编辑器组件。
- vue-froala-wysiwyg
$ Non-Free- Froala WYSIWYG HTML 富文本编辑器的 Vue 组件。 - vue-html5-editor - 一个用于 vue 的 html5 wysiwyg 编辑器。
- vue-mobiledoc-editor - 一个用于 Vuejs 的 mobiledoc 编辑器组件工具包。
- vue-wysiwyg - 用于 Vue.js 的轻量级 WYSIWYG 编辑器。
- vue-ckeditor5 - CKEditor 5 用于 Vue。
- Vue2Editor - 一个使用 Vue.js 和 Quill 的文本编辑器。
- tinymce-vue - Vue 的官方 TinyMCE 包装器。
- vue-trix - Vue.js 的简单和轻量级的 Trix 编辑器组件。
- Everright-formEditor - 一个基于 Vue3 的可视化低代码表单编辑器，通过 gui 的界面只需简单的操作即可创建出表单，拥有灵活的交互界面，pc 端依赖 element-plus，mobile 依赖 vant,内部有一套适配器，适配 element 和 vant 的组件。
为你的基于 Ruby 的项目提供编辑。
- bootstrap-wysihtml5-rails - 用于 Bootstrap 的所见即所得编辑器，集成在 Rails 资产管道中。
- bootsy - 一个漂亮的带有图片上传功能的 Rails wysiwyg 编辑器。
- ckeditor - 用于 Rails 的 Ckeditor 集成 rails。
- Mercury Editor - Mercury 编辑器。Rails HTML5 WYSIWYG 编辑器。
- wysiwyg-rails
$ Non-Free- 用于 Froala jQuery WYSIWYG HTML 富文本编辑器的 Ruby gem。
类似 WYSIWYG 编辑器
- EmojiOne Area - 用于 jQuery 的类似 WYSIWYG 的 EmojiOne 转换器/选择器插件。
- GrapesJS - 一个开源、多用途的 Web Builder 框架。
- last-draft - 一个使用 Draft-js-plugins 的 Draft.js 编辑器。
- Ory editor - 下一代、高度可定制的浏览器内容编辑器 - 基于 React 和 Redux。 所见即所得的 steroids。
- prosemirror - ProseMirror 所见即所得编辑器。
- Sir Trevor - 丰富的内容编辑完全是为网络重新设计的。
- woofmark - 一个模块化的、渐进的、漂亮的 Markdown 和 HTML 编辑器。
- ngx-wall - 可扩展的基于组件的编辑器，具有漂亮的拖放体验。
欢迎投稿! 请先阅读贡献指南。
在法律允许的范围内，Jeferson Mari 已经放弃了本作品的所有版权（2021 年）和相关或邻接权。