限时特价:2024年9月阿里云服务器大降价(2核2G3M50GB1年仅需82元+2核4G4M1年298元) 点击查看!

开源WEB编辑器汇总—awesome-web-editor

4,979次阅读
没有评论

开源WEB编辑器汇总—awesome-web-editor

》github地址《

目录

富文本编辑器

  • 纯JavaScript
    • quill ★ 31728 – Quill是一种现代的WYSIWYG编辑器,旨在实现兼容性和可扩展性。
    • Editor.js ★ 17825 – 具有干净JSON输出的块样式编辑器
    • medium-editor ★ 15442 – Medium.com所见即所得的编辑器克隆。 使用contenteditable API来实现富文本解决方案。
    • wangEditor ★ 12903 – 轻量级的Web 富文本编辑器,易于配置和使用。 支持IE10+浏览器。
    • pell ★ 11655 – 用于网络的最简单,最小的WYSIWYG文本编辑器,没有依赖项。
    • tinymce ★ 10284 – 世界上最受欢迎的JavaScript库,用于富文本编辑。 适用于React,Vue和Angular。
    • wysihtml5 ★ 6559 – 基于HTML5和渐进增强方法的开源富文本编辑器。 使用复杂的安全性概念,旨在通过防止无法维护的标签内容和内联样式来生成完全有效的HTML5标记。
    • ueditor ★ 6032 – 百度富文本编辑器.
    • prosemirror ★ 5647 – ProseMirror所见即所得编辑器。
    • ckeditor5 ★ 5504 – CKEditor 5的开发环境–最好的基于浏览器的富文本编辑器。
    • simditor ★ 4934 – 便捷的所见即所得编辑器。
    • pen ★ 4741 – 享受实时编辑 (+markdown).
    • Squire ★ 4346 – Squire是HTML5富文本编辑器,可提供强大的跨浏览器标准化功能,同时又轻巧又灵活。 它是为现在和将来构建的,因此不支持真正的古老浏览器。 它应该可以在Opera 12,Firefox 3.5,Safari 5,Chrome 9和IE9周围正常工作。
    • mercury ★ 2628 – Mercury编辑器:Rails HTML5 WYSIWYG编辑器。
    • kindeditor ★ 1786 – 所见即所得的HTML编辑器。
    • mobiledoc-kit ★ 1484 – 使用Mobiledoc构建所见即所得编辑器的工具包。
    • jodit ★ 1141 – Jodit – 最佳所见即所得编辑器。
    • SunEditor ★ 820 – 基于纯 javascript 的 WYSIWYG html 编辑器,没有依赖项。
  • vue.js
    • tiptap ★ 13946 – Vue.js的富文本编辑器
    • vue-quill-editor ★ 6907 – Vue的Quill编辑器组件,支持SPA和SSR.
    • neditor ★ 1900 – 基于ueditor的更现代的RTF编辑器,支持HTTPS。
    • vue-editor-js ★ 254 – Vue.js的editor.js包装器组件
    • iview-editor ★ 226 – iView Editor 是基于 iView 的 markdown 编辑器,支持上传图片(可集成七牛等服务),支持全屏实时编辑预览。
  • react
    • slate ★ 23340 – 一个完全可定制的框架,用于构建富文本编辑器。
    • draft-js ★ 21313 – 一个用于构建文本编辑器的React框架。
    • react-quill ★ 4809 – React的Quill组件。
    • braft-editor ★ 4339 – 美观易用的React富文本编辑器,基于draft-js开发.
    • alloy-editor ★ 988 – 基于CKEditor的WYSIWYG编辑器,具有完全重写的UI。
    • dante2 ★ 916 – 在draft-js中完全重写了dante编辑器。
    • bangle.dev ★ 472 – 丰富的文本编辑器工具集合,可用于构建您的下一个Google文档克隆。
  • jQuery
    • summernote ★ 10522 – 超级简单的所见即所得编辑器,Summernote基于jQuery构建。
    • bootstrap-wysiwyg ★ 5632 – 微小的Bootstrap WYSIWYG 编辑器
    • wysiwyg-editor ★ 4773 – 下一代JavaScript所见即所得HTML编辑器。
    • jquery-notebook ★ 1693 – 现代,简单,优雅的所见即所得富文本编辑器。
    • popline ★ 1045 – Popline是HTML5 Rich-Text-Editor工具栏。

Markdown 编辑器

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

Markdown 解析器

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

Markdown 样式


浏览器编辑器

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

JSON 编辑器

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

设计编辑器

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

SVG 编辑器

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

Table 编辑器

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

其他


License

开源WEB编辑器汇总—awesome-web-editorRich text editor

  • Pure JavaScript
    • quill ★ 31713 – Quill is a modern WYSIWYG editor built for compatibility and extensibility.
    • Editor.js ★ 17808 – A block-styled editor with clean JSON output
    • medium-editor ★ 15441 – Medium.com WYSIWYG editor clone. Uses contenteditable API to implement a rich text solution.
    • wangEditor ★ 12899 – Lightweight web rich text editor, easy to configure and use. Support IE10 + browser.
    • pell ★ 11654 – the simplest and smallest WYSIWYG text editor for web, with no dependencies.
    • tinymce ★ 10279 – The world’s most popular JavaScript library for rich text editing. Available for React, Vue and Angular.
    • wysihtml5 ★ 6556 – Open source rich text editor based on HTML5 and the progressive-enhancement approach. Uses a sophisticated security concept and aims to generate fully valid HTML5 markup by preventing unmaintainable tag soups and inline styles.
    • ueditor ★ 6030 – Baidu rich text.
    • prosemirror ★ 5640 – The ProseMirror WYSIWYM editor.
    • ckeditor5 ★ 5502 – Development environment for CKEditor 5 – the best browser-based rich text editor.
    • simditor ★ 4935 – An Easy and Fast WYSIWYG Editor.
    • pen ★ 4741 – enjoy live editing (+markdown).
    • Squire ★ 4346 – Squire is an HTML5 rich text editor, which provides powerful cross-browser normalisation, whilst being supremely lightweight and flexible. It is built for the present and the future, and as such does not support truly ancient browsers. It should work fine back to around Opera 12, Firefox 3.5, Safari 5, Chrome 9 and IE9.
    • mercury ★ 2628 – Mercury Editor: The Rails HTML5 WYSIWYG editor.
    • kindeditor ★ 1786 – WYSIWYG HTML editor.
    • mobiledoc-kit ★ 1484 – A toolkit for building WYSIWYG editors with Mobiledoc.
    • jodit ★ 1141 – Jodit – Best WYSIWYG Editor for You.
    • SunEditor ★ 819 – Pure javascript based WYSIWYG html editor, with no dependencies.
  • vue.js
    • tiptap ★ 13922 – A rich-text editor for Vue.js
    • vue-quill-editor ★ 6904 – Quill editor component for Vue, support SPA and SSR.
    • neditor ★ 1900 – A more modern rich text editor based on ueditor, supporting HTTPS.
    • vue-editor-js ★ 254 – editor.js wrapper component for Vue.js
    • iview-editor ★ 226 – iView Editor.
  • react
    • slate ★ 23333 – A completely customizable framework for building rich text editors.
    • draft-js ★ 21307 – A React framework for building text editors.
    • react-quill ★ 4806 – A Quill component for React.
    • braft-editor ★ 4337 – Beautiful and easy-to-use React rich text editor, developed based on draft-js.
    • alloy-editor ★ 988 – WYSIWYG editor based on CKEditor with completely rewritten UI.
    • dante2 ★ 916 – A complete rewrite of dante editor in draft-js.
    • bangle.dev ★ 470 – A collection of rich text editor tools to build your next Google doc clone.
  • jQuery
    • summernote ★ 10522 – Super simple WYSIWYG editor, Summernote is built on jQuery.
    • bootstrap-wysiwyg ★ 5632 – Tiny bootstrap-compatible WISWYG rich text editor
    • wysiwyg-editor ★ 4773 – The next generation Javascript WYSIWYG HTML Editor.
    • jquery-notebook ★ 1693 – A modern, simple and elegant WYSIWYG rich text editor.
    • popline ★ 1045 – Popline is an HTML5 Rich-Text-Editor Toolbar.

Markdown editor

  • Pure JavaScript
    • tui.editor ★ 12816 – Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible.
    • simplemde-markdown-editor ★ 8828 – A simple, beautiful, and embeddable JavaScript Markdown editor. Delightful editing for beginners and experts alike. Features built-in autosaving and spell checking.
    • dillinger ★ 7267 – The last Markdown editor, ever.
    • milkdown ★ 5567 – Plugin driven WYSIWYG markdown editor framework.
    • pen ★ 4741 – enjoy live editing (+markdown).
    • EpicEditor ★ 4297 – An Embeddable JavaScript Markdown Editor.
    • markdown-nice ★ 3330 – Markdown editor supporting theme design, make typography nice.
    • editor ★ 2742 – A markdown editor.
    • stackedit.js ★ 833 – Add StackEdit to any website.
  • jQuery
    • editor.md ★ 11806 – The open source embeddable online markdown editor (component).
  • vue.js
    • milkdown ★ 5567 – Plugin driven WYSIWYG markdown editor framework.
    • mavonEditor ★ 5275 – A markdown editor based on Vue that supports a variety of personalized features.
  • React
    • mdx ★ 12107 – MDX is an authorable format that lets you seamlessly use JSX in your markdown documents. You can import components, like interactive charts or notifications, and export metadata. This makes writing long-form content with components a blast.
    • react-markdown ★ 8167 – Render Markdown as React components.
    • milkdown ★ 5567 – Plugin driven WYSIWYG markdown editor framework.

Markdown parser

  • JavaScript
    • marked ★ 26731 – A markdown parser and compiler. Built for speed.
    • markdown-it ★ 12790 – Markdown parser, done right. 100% CommonMark support, extensions, syntax plugins & high speed.
    • showdown ★ 12215 – A bidirectional MD to HTML to MD converter written in Javascript.
    • markdown-js ★ 7599 – A Markdown parser for javascript.
    • turndown ★ 6040 – An HTML to Markdown converter written in JavaScript.
    • remark ★ 4839 – remark is a Markdown processor powered by plugins part of the unified collective.
    • texme ★ 1979 – Self-rendering Markdown + LaTeX documents.
  • Golang
    • blackfriday ★ 4862 – Blackfriday: a markdown processor for Go.
    • goldmark ★ 1881 – A markdown parser written in Go. Easy to extend, standard(CommonMark) compliant, well structured.
  • Python
    • markdown ★ 2741 – A Python implementation of John Gruber’s Markdown with Extension support.
    • python-markdown2 ★ 2254 – markdown2: A fast and complete implementation of Markdown in Python.
  • PHP
    • parsedown ★ 14000 – Better Markdown Parser in PHP.
    • php-markdown ★ 3264 – Parser for Markdown and Markdown Extra derived from the original Markdown.pl.
  • Java
    • commonmark-java ★ 1694 – Java library for parsing and rendering CommonMark (Markdown).
  • C#
    • markdig ★ 2762 – A fast, powerful, CommonMark compliant, extensible Markdown processor for .NET.

Markdown style

  • github-markdown-css ★ 6007 – The minimal amount of CSS to replicate the GitHub Markdown style.

Browser editor

  • markdown
    • stackedit ★ 18834 – In-browser Markdown editor.
    • markdown-editor ★ 2710 – Live (Github-flavored) Markdown Editor.
  • react
    • react-ace ★ 3377 – React Ace Component, Support multiple languages and themes
    • react-monaco-editor ★ 2580 – Monaco Editor for React.
  • SVG
    • svgedit ★ 4721 – Powerful SVG-Editor for your browser.
    • Method-Draw ★ 2139 – Method Draw, the SVG Editor for Method of Action.
  • CodeMirror ★ 24202 – In-browser code editor.
  • monaco-editor ★ 27756 – A browser based code editor.
  • codesandbox-client ★ 11185 – An online code editor tailored for web application development ?️
  • ace ★ 23993 – Ace is a standalone code editor written in JavaScript. Our goal is to create a browser based editor that matches and extends the features, usability and performance of existing native editors such as TextMate, Vim or Eclipse. It can be easily embedded in any web page or JavaScript application. Ace is developed as the primary editor for Cloud9 IDE and the successor of the Mozilla Skywriter (Bespin) Project.

JSON editor

  • jsoneditor ★ 9245 – A web-based tool to view, edit, format, and validate JSON

Design editor

  • Pure JavaScript
    • VvvebJs ★ 4657 – Drag and drop website builder javascript library.
  • React
    • Excalidraw ★ 26133 – Virtual whiteboard for sketching hand-drawn like diagrams.
    • imove ★ 3371 – Move your mouse, generate code from flow chart.
    • GGEditor ★ 3232 – A visual graph editor based on G6 and React.
    • react-email-editor ★ 3164 – Drag-n-Drop Email Editor Component for React.js.
    • micro-design-editor – Micro page editing component for react.

SVG editor

  • Pure JavaScript
    • svgedit ★ 4721 – Powerful SVG-Editor for your browser.

Table editor

  • jQuery
    • DataTables – Add advanced interaction controls to your HTML tables the free & easy way.
  • React
    • react-data-grid ★ 5066 – Excel-like grid component built with React, with editors, keyboard navigation, copy & paste, and the like.

Other


License

开源WEB编辑器汇总—awesome-web-editor

arison
版权声明:本站原创文章,由arison2022-01-19发表,共计35019字。
转载提示:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(没有评论)