awesome-wysiwyg

A curated list of awesome WYSIWYG editors.
授权协议 Readme
开发语言 C/C++
所属分类 应用工具、 文档/文本编辑
软件类型 开源软件
地区 不详
投 递 者 包建义
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

Awesome WYSIWYG

A curated list of awesome WYSIWYG editors.

English | 简体中文

Contents

Standalone

WYSIWYG Editors that can be use without dependecy to other libraries or frameworks.

  • Aloha Editor - Aloha Editor is a JavaScript content editing library.
  • CKEditor 4 - Battle-tested WYSIWYG HTML editor.
  • CKEditor 5 - A set of ready to use rich text editors created with a powerful framework.
  • Content Tools - A JS library for building WYSIWYG editors for HTML content.
  • Etherpad - Etherpad: Really real-time collaborative document editing.
  • Froala Editor $ Non-Free ⊘ Proprietary - A beautifuly designed WYSIWYG Rich Text Editor based on HTML5.
  • grande.js - It's a Medium at Starbucks. Pinky ring out.
  • Jodit - Rich HTML WYSIWYG Editor and FileBrowser.
  • Medium Editor - Medium.com WYSIWYG editor clone. Uses contenteditable API to implement a rich text solution.
  • Medium.js - A tiny JavaScript library for making contenteditable beautiful (Like Medium's editor).
  • Mobiledoc Kit - A toolkit for building WYSIWYG editors with Mobiledoc.
  • Pell - The simplest and smallest (1kB) WYSIWYG text editor for web, with no dependencies.
  • Pen Editor - Enjoy live editing (+markdown).
  • Quill - A modern rich text editor built for compatibility and extensibility.
  • Scribe - A rich text editor framework for the web platform, with patches for browser inconsistencies and sensible defaults.
  • Slate - A completely customizable framework for building rich text editors.
  • Squire - An HTML5 rich text editor, which provides powerful cross-browser normalisation, whilst being supremely lightweight and flexible.
  • Substance - A JavaScript library for web-based content editing.
  • SunEditor - Pure javascript based WYSIWYG html editor, with no dependencies.
  • TinyMCE - A JavaScript library for platform independent 'WYSIWYG' or rich text editing.
  • tiptap - The headless editor framework for web artisans.
  • Trix - A rich text editor for everyday writing.
  • Tui Editor - Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible.
  • UEditor - UEditor is a WYSIWYG rich web editor developed by Baidu fex-team. It is lightweight, customizable, and user-oriented.
  • wangEditor - A lightweight rich text editor, friendly API and use extremely conventient.
  • wysihtml - Open source rich text editor for the modern web.

JQuery Based

JQuery required editors

  • bootstrap-wysiwyg - Tiny bootstrap-compatible WYSIWYG rich text editor.
  • Dante Editor - Just another Medium wysiwyg editor clone.
  • Easyeditor - Very lightweight and highly configurable rich text html editor.
  • jQuery-Notebook - A modern, simple and elegant WYSIWYG rich text editor.
  • popline - An HTML5 Rich-Text-Editor Toolbar.
  • simditor - An Easy and Fast WYSIWYG Editor.
  • Summernote - Super simple WYSIWYG editor.
  • Toast UI Editor - Markdown WYSIWYG Editor - Productive and Extensible.
  • Trumbowyg - A lightweight and amazing WYSIWYG JavaScript editor - 20kB only (8kB gzip).

For Angular

Editors for your angular-based project.

  • angular-froala $ Non-Free - Angular.js bindings for Froala WYSIWYG HTML Rich Text Editor.
  • ckeditor4-angular - An official CKEditor 4 rich text editor component for Angular 2+.
  • ckeditor5-angular - An official CKEditor 5 rich text editor component for Angular 2+.
  • ngx-summernote - Summernote wysiwyg editor for Angular.
  • jodit-angular - Angular wrapper around Jodit to make it easier to use in a Angular.
  • ng-quill - AngularJS Component for Quill rich text editor.
  • ngx-quill - An angular (>=2) component for the Quill Rich Text Editor.
  • textAngular - A radically powerful Text-Editor/Wysiwyg editor for Angular.js.
  • tinymce-angular - official Angular wrapper for TinyMCE.
  • ngx-wig - Angular WYSIWYG HTML Rich Text Editor (Inspired from AngularJS ngWig)
  • ngx-editor - Rich Text Editor for angular using ProseMirror)

For React

Editors for your react-based project.

  • Alloy Editor - WYSIWYG editor based on CKEditor with completely rewritten UI.
  • bangle.dev - Higher level collection of ProseMirror components for building rich text editors.
  • ckeditor4-react - An official CKEditor 4 rich text editor component for React.
  • ckeditor5-react - An official CKEditor 5 rich text editor component for React.
  • Dante II - A complete rewrite of dante editor in draft-js.
  • Draft.js - A JavaScript rich text editor framework, built for React and backed by an immutable model.
  • jodit-react - React component for Jodit Editor.
  • Plasmic - A WYSIWYG visual builder that lets you drag and drop React components.
  • React Draft Wysiwyg - A Wysiwyg editor build on top of ReactJS and DraftJS.
  • react-froala-wysiwyg $ Non-Free - React component for Froala WYSIWYG HTML Rich Text Editor.
  • react-mobiledoc-editor - A Mobiledoc editor written with React and Mobiledoc-Kit.
  • react-quill - A Quill component for React.
  • react-rte - Pure React rich text "WYSISYG" editor based on draft-js.
  • react-summernote - Summernote (Super simple WYSIWYG editor) adaptation for react.
  • react-trix - React wrapper for Basecamp's Trix editor.
  • Slate JS - A completely customizable framework.
  • suneditor-react - Pure React Component for SunEditor (Pure javascript based WYSIWYG html editor, with no dependencies).
  • tinymce-react - official React wrapper for TinyMCE.

For Vue

Editors for your vue-based project.

For Ruby

Editors for your ruby-based project.

  • bootstrap-wysihtml5-rails - WYSIWYG editor for Bootstrap, integrated in Rails assets pipeline.
  • bootsy - A beautiful wysiwyg editor with image upload for Rails.
  • ckeditor - Ckeditor integration gem for rails.
  • Mercury Editor - Mercury Editor: The Rails HTML5 WYSIWYG editor.
  • wysiwyg-rails $ Non-Free - Ruby gem for Froala jQuery WYSIWYG HTML Rich Text Editor.

WYSIWYG-alike

WYSIWYG-alike editors

  • EmojiOne Area - WYSIWYG-like EmojiOne Converter / Picker Plugin for jQuery.
  • GrapesJS - An open-source, multi-purpose, Web Builder Framework.
  • last-draft - A Draft.js editor using draft-js-plugins.
  • Ory editor - Next-gen, highly customizable content editor for the browser - based on React and Redux. WYSIWYG on steroids.
  • prosemirror - The ProseMirror WYSIWYM editor.
  • Sir Trevor - Rich content editing entirely re-imagined for the web.
  • woofmark - A modular, progressive, and beautiful Markdown and HTML editor.
  • ngx-wall - Extensible component based editor with fancy drag-and-drop experience.

Contribute

Contributions welcome! Read the contribution guidelines first.

License

CC0

To the extent possible under law, Jeferson Mari has waived all copyright (2021) and related or neighboring rights to this work.

  • 近期需要在vue3项目上做一个富文本编辑器,找了很多插件组件,最终决定用 froala。虽然不是免费的,但是功能实在是太强大了。 froala 文档:https://www.froala.com/wysiwyg-editor/docs/overview froala 官方demo: https://www.froala.com/wysiwyg-editor/examples 下面介绍在vue3.中

  • 模板 TOC](jquery-wysiwyg在线文本编辑插件使用实例) 目录 说明 jquery-wysiwyg在线文本编辑插件,文本域编辑文本, 个人已经将其汉化。 例子 ,代码片. <!doctype html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,

  • 原文: https://github.com/sindresorhus/awesome Awesome A curated list of awesome lists Platforms Node.js Frontend Development iOS Android Hybrid Apps Electron (formerly atom-shell) Programming languages

  • 步骤 1、官网下载压缩包:http://fontawesome.io/ 2、引入css文件 3、(行内元素) 使用:<span class="fa fa-bath"></bath>

  • Contents Courses Books Programming Philosophy Free Content Code Videos Learning Organizations Journals Competitions Misc Courses MIT Artifical Intelligence Videos - MIT AI Course Grokking Deep Learnin

 相关资料
  • Awesome Awesome Node.js A curated list of awesome lists that are about or related to Node.js. Inspired by the awesome list thing, going deeper down the rabbit hole. �� Meta stuff about this awesome li

  • A curated list of awesome things related to Vite.js This awesome list is for Vite 2.x and onward. Vite 1.x's list is archived. Resources Official Resources 文档 GitHub Repo Release Notes Vue 3 Docs Awes

  • Awesome Python 是一个资源整理集合,由 vinta 发起和维护。内容包括:Web框架、网络爬虫、网络内容提取、模板引擎、数据库、数据可视化、图片处理、文本处理、自然语言处理、机器学习、日志、代码分析等。 这个系列没有推荐 Python 书籍、经典博文、交互教程,所以另外推荐:《25本免费的Python电子书》、《学习Python编程的11个(教程)资源》、《PythonMonk:Py

  • Font Awesome 是一个图标工具包。其已经被重新设计并从头构建。除此之外,还增加了一些功能,比如 icon font ligature、SVG 框架、流行的前端库(如 React)的官方 NPM 包,以及对新 CDN 的访问。Font Awesome 已扩展至 7,865 个图标。

  • awesome-android 收录了来自 github 或其他网站的关于 Android 的大部分库。

  • The Lithe Project Development Team Awesome CryptoNote A curated list of awesome CryptoNote open-source blockchains, resources, projects, and shiny other things related.Many projects are derived from f

  • Guidelines for Hacktoberfest 2021: About Hacktoberfest: Hacktoberfest is organised by DigitalOcean in partnership with Dev, Intel, DeepSource & Appwrite. It is a month-long celebration of open-source

  • Curated list of awesome neuroscience libraries, software and any content related to the domain. Neuroscience is the study of how the nervous system develops, its structure, and what it does. Neuroscie