# 目录 - [富文本编辑器](#富文本编辑器) - [Markdown 编辑器](#Markdown-编辑器) - [Markdown 解析器](#Markdown-解析器) - [Markdown 样式](#Markdown-样式) - [浏览器编辑器](#浏览器编辑器) - [JSON 编辑器](#JSON-编辑器) - [设计编辑器](#设计编辑器) - [SVG 编辑器](#SVG-编辑器) - [表格编辑器](#表格编辑器) - [文档编辑器](#文档编辑器) - [其他](#其他) ## 富文本编辑器 - 纯 JavaScript - [quill](https://github.com/quilljs/quill) ★ 47251 - Quill 是一种现代的 WYSIWYG 编辑器，旨在实现兼容性和可扩展性。 - [tiptap](https://github.com/heyscrumpy/tiptap) ★ 37777 - 面向 web 技术人员的无头富文本编辑器框架。 - [Editor.js](https://github.com/codex-team/editor.js) ★ 31865 - 具有干净 JSON 输出的块样式编辑器 - [lexical](https://github.com/facebook/lexical) ★ 23707 - Lexical 是一个可扩展的文本编辑器框架，提供了出色的可靠性、可访问性和性能。 - [wangEditor](https://github.com/wangeditor-team/wangEditor) ★ 18365 - 轻量级的 Web 富文本编辑器，易于配置和使用。支持 IE10+浏览器。 - [tinymce](https://github.com/tinymce/tinymce) ★ 16253 - 世界上最受欢迎的 JavaScript 库，用于富文本编辑。适用于 React，Vue 和 Angular。 - [medium-editor](https://github.com/yabwe/medium-editor) ★ 16107 - Medium.com 所见即所得的编辑器克隆。使用 contenteditable API 来实现富文本解决方案。 - [pell](https://github.com/jaredreich/pell) ★ 12048 - 用于网络的最简单，最小的 WYSIWYG 文本编辑器，没有依赖项。 - [ckeditor5](https://github.com/ckeditor/ckeditor5) ★ 10456 - CKEditor 5 的开发环境–最好的基于浏览器的富文本编辑器。 - [prosemirror](https://github.com/ProseMirror/prosemirror) ★ 8699 - ProseMirror 所见即所得编辑器。 - [ueditor](https://github.com/fex-team/ueditor) ★ 6773 - 百度富文本编辑器. - [wysihtml5](https://github.com/xing/wysihtml5) ★ 6450 - 基于 HTML5 和渐进增强方法的开源富文本编辑器。使用复杂的安全性概念，旨在通过防止无法维护的标签内容和内联样式来生成完全有效的 HTML5 标记。 - [canvas-editor](https://github.com/Hufe921/canvas-editor) ★ 5012 - canvas/svg 的富文本编辑器。 - [simditor](https://github.com/mycolorway/simditor) ★ 5007 - 便捷的所见即所得编辑器。 - [Squire](https://github.com/neilj/Squire) ★ 4898 - Squire 是 HTML5 富文本编辑器，可提供强大的跨浏览器标准化功能，同时又轻巧又灵活。它是为现在和将来构建的，因此不支持真正的古老浏览器。它应该可以在 Opera 12，Firefox 3.5，Safari 5，Chrome 9 和 IE9 周围正常工作。 - [pen](https://github.com/sofish/pen) ★ 4798 - 享受实时编辑 (+markdown). - [mercury](https://github.com/jejacks0n/mercury) ★ 2628 - Mercury 编辑器：Rails HTML5 WYSIWYG 编辑器。 - [Aloha-Editor](https://github.com/alohaeditor/Aloha-Editor?tab=readme-ov-file) ★ 2490 - 基于“所见即所得”的原则，HTML5 编辑器使得直接在门户上编辑网站成为可能。快速、简单地编辑视频、照片、图形、动画和文本是 Aloha Editor 的日常工作。 - [SunEditor](https://github.com/JiHong88/SunEditor) ★ 1997 - 基于纯 javascript 的 WYSIWYG html 编辑器，没有依赖项。 - [jodit](https://github.com/xdan/jodit) ★ 1945 - Jodit - 最佳所见即所得编辑器。 - [kindeditor](https://github.com/kindsoft/kindeditor) ★ 1899 - 所见即所得的 HTML 编辑器。 - [AiEditor](https://github.com/aieditor-team/AiEditor) ★ 1767 - 适用于 AI 的下一代富文本编辑器。 - [mobiledoc-kit](https://github.com/bustle/mobiledoc-kit) ★ 1563 - 使用 Mobiledoc 构建所见即所得编辑器的工具包。 - [Textbus](https://github.com/textbus/textbus) ★ 1386 - 一个组件化、高性能的富文本开发框架，并且支持在线协作编辑。 - [am-editor](https://github.com/yanmao-cc/am-editor) ★ 977 - 一个富文本实时协同编辑器框架，可以使用 React 和 Vue 自定义插件。 - [wangEditor-next](https://github.com/cycleccc/wangEditor-next) ★ 0 - wangEditor-next —— 基于 slate.js 的富文本编辑器。 - vue.js - [tiptap](https://github.com/heyscrumpy/tiptap) ★ 37777 - 面向 web 技术人员的无头富文本编辑器框架。 - [vue-quill-editor](https://github.com/surmon-china/vue-quill-editor) ★ 7407 - Vue 的 Quill 编辑器组件，支持 SPA 和 SSR. - [vue2-editor](https://github.com/davidroyer/vue2-editor) ★ 2518 - 使用 Vue2 和 Quill 的文本编辑器。 - [neditor](https://github.com/notadd/neditor) ★ 1884 - 基于 ueditor 的更现代的 RTF 编辑器，支持 HTTPS。 - [vue-editor-js](https://github.com/ChangJoo-Park/vue-editor-js) ★ 363 - Vue.js 的 editor.js 包装器组件 - [iview-editor](https://github.com/iview/iview-editor) ★ 220 - iView Editor 是基于 iView 的 markdown 编辑器，支持上传图片（可集成七牛等服务），支持全屏实时编辑预览。 - react - [tiptap](https://github.com/heyscrumpy/tiptap) ★ 37777 - 面向 web 技术人员的无头富文本编辑器框架。 - [slate](https://github.com/ianstormtaylor/slate) ★ 31727 - 一个完全可定制的框架，用于构建富文本编辑器。 - [draft-js](https://github.com/facebook/draft-js) ★ 22626 - 一个用于构建文本编辑器的 React 框架。 - [plate](https://github.com/udecode/plate) ★ 16444 - 由人工智能驱动的富文本编辑器。 - [react-quill](https://github.com/zenoamaro/react-quill) ★ 7011 - React 的 Quill 组件。 - [braft-editor](https://github.com/margox/braft-editor) ★ 4590 - 美观易用的 React 富文本编辑器，基于 draft-js 开发. - [alloy-editor](https://github.com/liferay/alloy-editor/) ★ 1408 - 基于 CKEditor 的 WYSIWYG 编辑器，具有完全重写的 UI。 - [dante2](https://github.com/michelson/dante2) ★ 911 - 在 draft-js 中完全重写了 dante 编辑器。 - [bangle.dev](https://github.com/bangle-io/bangle.dev) ★ 674 - 丰富的文本编辑器工具集合，可用于构建您的下一个 Google 文档克隆。 - jQuery - [summernote](https://github.com/summernote/summernote) ★ 11829 - 超级简单的所见即所得编辑器，Summernote 基于 jQuery 构建。 - [bootstrap-wysiwyg](https://github.com/mindmup/bootstrap-wysiwyg/) ★ 5510 - 微小的 Bootstrap WYSIWYG 编辑器 - [jquery-notebook](https://github.com/raphaelcruzeiro/jquery-notebook) ★ 1680 - 现代，简单，优雅的所见即所得富文本编辑器。 - [popline](https://github.com/kenshin54/popline) ★ 1055 - Popline 是 HTML5 Rich-Text-Editor 工具栏。 - [wysiwyg-editor](https://github.com/froala/wysiwyg-editor) ★ 15 - 下一代 JavaScript 所见即所得 HTML 编辑器。 --- ## Markdown 编辑器 - 纯 JavaScript - [tui.editor](https://github.com/nhn/tui.editor/tree/master/apps/editor) ★ 18006 - Markdown 所见即所得编辑器。 GFM 标准+图表和 UML 可扩展。 - [milkdown](https://github.com/Saul-Mirone/milkdown) ★ 11751 - 插件驱动的所见即所得的 Markdown 编辑器框架。 - [simplemde-markdown-editor](https://github.com/sparksuite/simplemde-markdown-editor) ★ 10143 - 简单，美观，可嵌入的 JavaScript Markdown 编辑器。不论是初学者还是专家，都可轻松编辑。具有内置的自动保存和拼写检查功能。 - [dillinger](https://github.com/joemccann/dillinger) ★ 8268 - 最后一个 Markdown 编辑器。 - [pen](https://github.com/sofish/pen) ★ 4798 - 享受现场编辑 (+markdown). - [markdown-nice](https://github.com/mdnice/markdown-nice) ★ 4660 - 支持主题设计的 Markdown 编辑器，让排版变 Nice - [EpicEditor](https://github.com/OscarGodson/EpicEditor) ★ 4216 - 可嵌入的 JavaScript Markdown 编辑器。 - [editor](https://github.com/lepture/editor) ★ 2796 - Markdown 编辑器 - [stackedit.js](https://github.com/benweet/stackedit.js) ★ 1162 - 将 StackEdit 添加到任何网站。 - [md4x](https://github.com/unjs/md4x) ★ 361 - 快速且小巧的 Markdown 解析器和渲染器。 - jQuery - [editor.md](https://github.com/pandao/editor.md) ★ 14304 - 开源可嵌入在线 Markdown 编辑器（组件）。 - vue.js - [milkdown](https://github.com/Saul-Mirone/milkdown) ★ 11751 - 插件驱动的所见即所得的 Markdown 编辑器框架。 - [mavonEditor](https://github.com/hinesboy/mavonEditor) ★ 6590 - 基于 Vue 的 markdown 编辑器，支持多种个性化功能。 - React - [mdx](https://github.com/mdx-js/mdx) ★ 19389 - MDX 是一种可编辑的格式，可让您在 markdown 文档中无缝使用 JSX。您可以导入组件，例如交互式图表或通知，以及导出元数据。这使得编写带有组件的长格式内容成为爆炸。 - [react-markdown](https://github.com/remarkjs/react-markdown) ★ 15619 - 将 Markdown 渲染为 React 组件。 - [milkdown](https://github.com/Saul-Mirone/milkdown) ★ 11751 - 插件驱动的所见即所得的 Markdown 编辑器框架。 - [md-editor](https://github.com/ant-design/md-editor) ★ 193 - 类语雀的编辑器，支持 markdown 渲染和编辑。 --- ## Markdown 解析器 - JavaScript - [marked](https://github.com/markedjs/marked) ★ 36748 - Markdown 解析器和编译器。专为提高速度而设计。 - [markdown-it](https://github.com/markdown-it/markdown-it) ★ 21269 - Markdown 解析器， 100％CommonMark 支持，扩展，语法插件和高速。 - [markdown-exit](https://github.com/serkodev/markdown-exit) ★ 1320 - 快速、可定制的 Markdown 解析器和渲染器，完全支持 CommonMark。基于 Markdown-it 的 TypeScript 重写版本，并进行了增强。 - [markdown-it-anchor](https://github.com/valeriangalliat/markdown-it-anchor) 一个 markdown-it 插件，为标题和可选的永久链接添加一个`id`属性。 - [markdown-it-async](https://github.com/antfu/markdown-it-async) 增强 markdown 功能，支持异步高亮功能。 - [showdown](https://github.com/showdownjs/showdown) ★ 14845 - 用 JavaScript 编写的双向 MD 到 HTML 到 MD 转换器。 - [turndown](https://github.com/domchristie/turndown) ★ 11029 - 用 JavaScript 编写的 HTML 至 Markdown 转换器。 - [remark](https://github.com/remarkjs/remark) ★ 8823 - remark 是 Markdown 处理器，由统一集合的插件提供支持。 - [markdown-js](https://github.com/evilstreak/markdown-js) ★ 7686 - Markdown 的 javascript 解析器。 - [texme](https://github.com/susam/texme) ★ 2432 - 自我渲染 Markdown + LaTeX 文档。 - [md4x](https://github.com/unjs/md4x) ★ 361 - 快速且小巧的 Markdown 解析器和渲染器。 - Golang - [blackfriday](https://github.com/russross/blackfriday) ★ 5617 - Blackfriday: Go 的 Markdown 处理器。 - [goldmark](https://github.com/yuin/goldmark) ★ 4706 - 用 Go 语言编写的 markdown 解析器。易于扩展，符合标准（CommonMark），结构合理。 - [html-to-markdown](https://github.com/JohannesKaufmann/html-to-markdown) ★ 3547 - 将 HTML 转换为 Markdown。甚至可以与整个网站协同工作，并可以通过规则进行扩展。 - Python - [markdown](https://github.com/Python-Markdown/markdown) ★ 4190 - John Gruber 的 Markdown 的 Python 实现，带有扩展支持。 - [python-markdown2](https://github.com/trentm/python-markdown2) ★ 2811 - markdown2：用 Python 快速，完整地实现 Markdown。 - PHP - [parsedown](https://github.com/erusev/parsedown) ★ 15017 - PHP 中更好的 Markdown 解析器。 - [php-markdown](https://github.com/michelf/php-markdown) ★ 3459 - Markdown 和 Markdown Extra 的解析器源自原始 Markdown.pl。 - Java - [commonmark-java](https://github.com/commonmark/commonmark-java) ★ 2636 - 用于解析和呈现 CommonMark（Markdown）。 - C# - [markdig](https://github.com/lunet-io/markdig) ★ 5191 - 用于.NET 的快速，强大，兼容 CommonMark 的可扩展 Markdown 处理器。 ## Markdown 样式 - [github-markdown-css](https://github.com/sindresorhus/github-markdown-css) ★ 8819 - 复制 GitHub Markdown 样式的最少 CSS。 --- ## 浏览器编辑器 - markdown - [stackedit](https://github.com/benweet/stackedit) ★ 22878 - 浏览器内 Markdown 编辑器。 - [md](https://github.com/doocs/md) ★ 12236 - 一款高度简洁的微信 Markdown 编辑器。 - [markdown-editor](https://github.com/jbt/markdown-editor) ★ 2872 - 实时（Github 风格的）Markdown 编辑器。 - Vue - [monaco-vue](https://github.com/imguolao/monaco-vue) ★ 337 - 在 Vue 2&3 中使用从 CDN 加载的 monaco-editor，无需打包。 - [monaco-editor-vue3](https://github.com/bazingaedward/monaco-editor-vue3) ★ 160 - Vue3 的 Monaco 编辑器。 - react - [monaco-react](https://github.com/suren-atoyan/monaco-react) ★ 4670 - 适用于 React 的 Monaco 编辑器 - 在任何 React 应用程序中使用 monaco-editor，无需使用 webpack（或 rollup/parcel 等）配置文件/插件。 - [react-ace](https://github.com/securingsincity/react-ace) ★ 4208 - React Ace 组件，支持多种语言和主题。 - [react-monaco-editor](https://github.com/react-monaco-editor/react-monaco-editor) ★ 4169 - Monaco React 的编辑器。 - SVG - [svgedit](https://github.com/SVG-Edit/svgedit) ★ 7576 - 强大的 SVG 编辑器，适合您的浏览器。 - [Method-Draw](https://github.com/methodofaction/Method-Draw) ★ 2980 - 方法图，操作方法的 SVG 编辑器。 - [CodeMirror](https://github.com/codemirror/CodeMirror) ★ 27246 - 浏览器内代码编辑器。 - [monaco-editor](https://github.com/Microsoft/monaco-editor) ★ 45853 - 基于浏览器的代码编辑器。 - [codesandbox-client](https://github.com/codesandbox/codesandbox-client) ★ 13596 - 专为 Web 应用程序开发量身定制的在线代码编辑器 🏖️ - [ace](https://github.com/ajaxorg/ace) ★ 27127 - Ace 是用 JavaScript 编写的独立代码编辑器。我们的目标是创建一个基于浏览器的编辑器，以匹配并扩展现有本机编辑器（如 TextMate，Vim 或 Eclipse）的功能，可用性和性能。它可以轻松地嵌入任何网页或 JavaScript 应用程序中。Ace 是 Cloud9 IDE 的主要编辑器，也是 Mozilla Skywriter（Bespin）项目的后继者。 - [jsoncrack.com](https://github.com/AykutSarac/jsoncrack.com) ★ 43841 - 创新的开源可视化应用程序，可将各种数据格式（如 JSON、YAML、XML、CSV 等）转换为交互式图形。 - [monaco-loader](https://github.com/suren-atoyan/monaco-loader) ★ 234 - 用于轻松在浏览器中安装 monaco-editor 的实用程序。 --- ## JSON 编辑器 - [jsoneditor](https://github.com/josdejong/jsoneditor) ★ 12212 - 一个基于 Web 的工具，用于查看，编辑，格式化和验证 JSON - [json-editor-vue](https://github.com/cloydlau/json-editor-vue) ★ 670 - Vue 2/3 同构 JSON 编辑器、查看器、格式化器和验证器。 ## 设计编辑器 - 纯 JavaScript - [grapesjs](https://github.com/GrapesJS/grapesjs) ★ 25694 - 可嵌入的拖放构建器。 - [VvvebJs](https://github.com/givanz/VvvebJs) ★ 8433 - 拖放网站构建器 javascript 库。 - React - [Excalidraw](https://github.com/excalidraw/excalidraw) ★ 120651 - 虚拟白板，用于绘制手绘的示意图。 - [react-email-editor](https://github.com/unlayer/react-email-editor) ★ 5106 - 用于 React.js 的拖放式电子邮件编辑器组件。 - [imove](https://github.com/imgcook/imove) ★ 3740 - iMove 是一个逻辑可复用的，面向函数的，流程可视化的 JavaScript 工具库。 - [GGEditor](https://github.com/alibaba/GGEditor) ★ 3418 - 基于 G6 和 React 的可视化图形编辑器。 - [micro-design-editor](https://github.com/liuzi6612/micro-design-editor) - React 用于响应的微页面编辑组件。 ## SVG 编辑器 - 纯 JavaScript - [svgedit](https://github.com/SVG-Edit/svgedit) ★ 7576 - 强大的 SVG 编辑器，适合您的浏览器。 ## 表格编辑器 - jQuery - [DataTables](https://datatables.net/) - 免费，轻松地将高级交互控件添加到 HTML 表格中。 - React - [react-data-grid](https://github.com/adazzle/react-data-grid) ★ 7608 - 用 React 构建的类似于 Excel 的网格组件，包括编辑器，键盘导航，复制和粘贴等。 ## 文档编辑器 - Vue - [Umo Editor](https://github.com/umodoc/editor) ★ 1430 - 基于 Vue3 适合于国人使用的本土化开源文档编辑器。Umo Editor 提供完善的文档编辑能力，支持 Markdown 语法，支持基础的富文本编辑功能，支持多种插入多种格式的节点类型、提供了多种类型的实用工具，并支持设置页面的样式，支持导出多种类型的格式。 --- ## 其他 - [github-markdown-css](https://github.com/sindresorhus/github-markdown-css) ★ 8819 - 复制 GitHub Markdown 样式的最少 CSS。 - [markdown 基本语法](https://github.com/younghz/Markdown) ★ 3949 - markdown 语法教程. --- ## License [![CC0](http://mirrors.creativecommons.org/presskit/buttons/88x31/svg/cc-zero.svg)](https://creativecommons.org/publicdomain/zero/1.0/)