最全富文本编辑器/Markdown编辑器对比

青苗 青苗 | 4492 | 2023-02-18

目录

特别推荐 VUE Markdown 编辑器 md-editor-v3

富文本编辑器

  • 纯JavaScript
    • quill ★ 34647 - Quill是一种现代的WYSIWYG编辑器,旨在实现兼容性和可扩展性。
    • Editor.js ★ 21603 - 具有干净JSON输出的块样式编辑器
    • medium-editor ★ 15744 - Medium.com所见即所得的编辑器克隆。 使用contenteditable API来实现富文本解决方案。
    • wangEditor ★ 15096 - 轻量级的Web 富文本编辑器,易于配置和使用。 支持IE10+浏览器。
    • tinymce ★ 12536 - 世界上最受欢迎的JavaScript库,用于富文本编辑。 适用于React,Vue和Angular。
    • pell ★ 11801 - 用于网络的最简单,最小的WYSIWYG文本编辑器,没有依赖项。
    • ckeditor5 ★ 6846 - CKEditor 5的开发环境–最好的基于浏览器的富文本编辑器。
    • wysihtml5 ★ 6530 - 基于HTML5和渐进增强方法的开源富文本编辑器。 使用复杂的安全性概念,旨在通过防止无法维护的标签内容和内联样式来生成完全有效的HTML5标记。
    • prosemirror ★ 6340 - ProseMirror所见即所得编辑器。
    • ueditor ★ 6329 - 百度富文本编辑器.
    • simditor ★ 4985 - 便捷的所见即所得编辑器。
    • pen ★ 4763 - 享受实时编辑 (+markdown).
    • Squire ★ 4427 - Squire是HTML5富文本编辑器,可提供强大的跨浏览器标准化功能,同时又轻巧又灵活。 它是为现在和将来构建的,因此不支持真正的古老浏览器。 它应该可以在Opera 12,Firefox 3.5,Safari 5,Chrome 9和IE9周围正常工作。
    • mercury ★ 2633 - Mercury编辑器:Rails HTML5 WYSIWYG编辑器。
    • kindeditor ★ 1837 - 所见即所得的HTML编辑器。
    • mobiledoc-kit ★ 1532 - 使用Mobiledoc构建所见即所得编辑器的工具包。
    • jodit ★ 1360 - Jodit - 最佳所见即所得编辑器。
    • SunEditor ★ 1080 - 基于纯 javascript 的 WYSIWYG html 编辑器,没有依赖项。
    • Textbus ★ 762 - 一个组件化、高性能的富文本开发框架,并且支持在线协作编辑。
    • am-editor ★ 682 - 一个富文本实时协同编辑器框架,可以使用React和Vue自定义插件。
  • vue.js
    • tiptap ★ 18101 - Vue.js的富文本编辑器
    • vue-quill-editor ★ 7211 - Vue的Quill编辑器组件,支持SPA和SSR.
    • vue2-editor ★ 2447 - 使用 Vue2 和 Quill 的文本编辑器。
    • neditor ★ 1913 - 基于ueditor的更现代的RTF编辑器,支持HTTPS。
    • vue-editor-js ★ 298 - Vue.js的editor.js包装器组件
    • iview-editor ★ 225 - iView Editor 是基于 iView 的 markdown 编辑器,支持上传图片(可集成七牛等服务),支持全屏实时编辑预览。
  • react
    • slate ★ 26435 - 一个完全可定制的框架,用于构建富文本编辑器。
    • draft-js ★ 22317 - 一个用于构建文本编辑器的React框架。
    • react-quill ★ 5641 - React的Quill组件。
    • braft-editor ★ 4506 - 美观易用的React富文本编辑器,基于draft-js开发.
    • alloy-editor ★ 988 - 基于CKEditor的WYSIWYG编辑器,具有完全重写的UI。
    • dante2 ★ 919 - 在draft-js中完全重写了dante编辑器。
    • bangle.dev ★ 558 - 丰富的文本编辑器工具集合,可用于构建您的下一个Google文档克隆。
  • jQuery
    • summernote ★ 11032 - 超级简单的所见即所得编辑器,Summernote基于jQuery构建。
    • bootstrap-wysiwyg ★ 5632 - 微小的Bootstrap WYSIWYG 编辑器
    • wysiwyg-editor ★ 5039 - 下一代JavaScript所见即所得HTML编辑器。
    • jquery-notebook ★ 1688 - 现代,简单,优雅的所见即所得富文本编辑器。
    • popline ★ 1052 - Popline是HTML5 Rich-Text-Editor工具栏。

Markdown 编辑器

  • 纯JavaScript
    • tui.editor ★ 12816 - Markdown所见即所得编辑器。 GFM标准+图表和UML可扩展。
    • simplemde-markdown-editor ★ 9335 - 简单,美观,可嵌入的JavaScript Markdown编辑器。 不论是初学者还是专家,都可轻松编辑。 具有内置的自动保存和拼写检查功能。
    • dillinger ★ 7594 - 最后一个Markdown编辑器。
    • milkdown ★ 7136 - 插件驱动的所见即所得的Markdown编辑器框架。
    • pen ★ 4763 - 享受现场编辑 (+markdown).
    • EpicEditor ★ 4278 - 可嵌入的JavaScript Markdown编辑器。
    • markdown-nice ★ 3747 - 支持主题设计的 Markdown 编辑器,让排版变 Nice
    • editor ★ 2774 - Markdown 编辑器
    • stackedit.js ★ 930 - 将StackEdit添加到任何网站。
  • jQuery
    • editor.md ★ 12783 - 开源可嵌入在线Markdown编辑器(组件)。
  • vue.js
    • milkdown ★ 7136 - 插件驱动的所见即所得的Markdown编辑器框架。
    • mavonEditor ★ 5928 - 基于Vue的markdown编辑器,支持多种个性化功能。
  • React
    • mdx ★ 14729 - MDX是一种可编辑的格式,可让您在markdown文档中无缝使用JSX。 您可以导入组件,例如交互式图表或通知,以及导出元数据。 这使得编写带有组件的长格式内容成为爆炸。
    • react-markdown ★ 9917 - 将Markdown渲染为React组件。
    • milkdown ★ 7136 - 插件驱动的所见即所得的Markdown编辑器框架。

Markdown 解析器

  • JavaScript
    • marked ★ 29088 - Markdown解析器和编译器。 专为提高速度而设计。
    • markdown-it ★ 14865 - Markdown解析器, 100%CommonMark支持,扩展,语法插件和高速。
    • showdown ★ 13090 - 用JavaScript编写的双向MD到HTML到MD转换器。
    • markdown-js ★ 7655 - Markdown的javascript解析器。
    • turndown ★ 6621 - 用JavaScript编写的HTML至Markdown转换器。
    • remark ★ 6016 - remark是Markdown处理器,由统一集合的插件提供支持。
    • texme ★ 2141 - 自我渲染Markdown + LaTeX文档。
  • Golang
    • blackfriday ★ 5092 - Blackfriday: Go的Markdown处理器。
    • goldmark ★ 2584 - 用Go语言编写的markdown解析器。 易于扩展,符合标准(CommonMark),结构合理。
  • Python
    • markdown ★ 3120 - John Gruber的Markdown的Python实现,带有扩展支持。
    • python-markdown2 ★ 2424 - markdown2:用Python快速,完整地实现Markdown。
  • PHP
    • parsedown ★ 14330 - PHP中更好的Markdown解析器。
    • php-markdown ★ 3333 - Markdown和Markdown Extra的解析器源自原始Markdown.pl。
  • Java
    • commonmark-java ★ 1912 - 用于解析和呈现CommonMark(Markdown)。
  • C#
    • markdig ★ 3414 - 用于.NET的快速,强大,兼容CommonMark的可扩展Markdown处理器。

Markdown 样式


浏览器编辑器

  • markdown
    • stackedit ★ 20026 - 浏览器内Markdown编辑器。
    • markdown-editor ★ 2776 - 实时(Github风格的)Markdown编辑器。
  • react
  • SVG
    • svgedit ★ 5467 - 强大的SVG编辑器,适合您的浏览器。
    • Method-Draw ★ 2439 - 方法图,操作方法的SVG编辑器。
  • CodeMirror ★ 25689 - 浏览器内代码编辑器。
  • monaco-editor ★ 32910 - 基于浏览器的代码编辑器。
  • codesandbox-client ★ 12193 - 专为Web应用程序开发量身定制的在线代码编辑器 🏖️
  • ace ★ 25364 - Ace是用JavaScript编写的独立代码编辑器。我们的目标是创建一个基于浏览器的编辑器,以匹配并扩展现有本机编辑器(如TextMate,Vim或Eclipse)的功能,可用性和性能。它可以轻松地嵌入任何网页或JavaScript应用程序中。Ace是Cloud9 IDE的主要编辑器,也是Mozilla Skywriter(Bespin)项目的后继者。

JSON 编辑器

  • jsoneditor ★ 10167 - 一个基于Web的工具,用于查看,编辑,格式化和验证JSON

设计编辑器

  • 纯JavaScript
    • VvvebJs ★ 5364 - 拖放网站构建器javascript库。
  • React
    • Excalidraw ★ 41690 - 虚拟白板,用于绘制手绘的示意图。
    • imove ★ 3706 - iMove 是一个逻辑可复用的,面向函数的,流程可视化的 JavaScript 工具库。
    • react-email-editor ★ 3690 - 用于React.js的拖放式电子邮件编辑器组件。
    • GGEditor ★ 3348 - 基于G6和React的可视化图形编辑器。
    • micro-design-editor - React 用于响应的微页面编辑组件。

SVG 编辑器

  • 纯JavaScript
    • svgedit ★ 5467 - 强大的SVG编辑器,适合您的浏览器。

Table 编辑器

  • jQuery
    • DataTables - 免费,轻松地将高级交互控件添加到HTML表格中。
  • React
    • react-data-grid ★ 5867 - 用React构建的类似于Excel的网格组件,包括编辑器,键盘导航,复制和粘贴等。

其他

文章标签: 前端相关
推荐指数:

真诚点赞 诚不我欺~

最全富文本编辑器/Markdown编辑器对比

点赞 收藏 评论