WYSIWYG

General

See also Wiki, Documents

• https://github.com/JefMari/awesome-wysiwyg

JavaScript libraries.

CKEditor

CKEditor 4

• CKEditor 4 - The battle-tested WYSIWYG HTML editor, when you need even more features and legacy compatibility.

• https://github.com/paranoida/ckeditor-moono-theme

• http://ckeditor.com/addon/moonocolor

• https://github.com/oleq/silver

• Changing CKEditor skins with Drupal's WYSIWYG

CKEditor 5

• CKEditor 5 - A set of ready to use rich text editors created with a powerful framework - A set of ready to use rich text editors created with a powerful framework.

• Lessons learned from creating a rich-text editor with real-time collaboration - [1]

Alloy Editor

• Alloy Editor - a modern WYSIWYG editor built on top of CKEditor 4, designed to create modern and gorgeous web content

TinyMCE

• http://www.tinymce.com
  • https://github.com/tinymce/tinymce/downloads
  • http://www.tinymce.com/wiki.php
  • http://www.tinymce.com/wiki.php/Creating_a_skin
  • http://superdit.com/2011/12/02/customizing-tinymce-css-skin/
  • http://www.scriptalicious.com/blog/2009/03/creating-a-new-tinymce-theme-for-3x/
  • http://www.cirkuit.net/projects/tinymce/cirkuitSkin/

• http://ccideas.com/howto/drupal-7-wysiwyg-tinymce-is-ugly/ - wysiwyg tinymce.inc has hardcoded

• TinyMCE plugins

markItUp

• http://markitup.jaysalvat.com
  • http://markitup.jaysalvat.com/examples/html

• http://www.openwebware.com/
• http://akzhan.github.com/jwysiwyg/

Redactor

• Redactor
  • http://drupal.org/node/1250514
  • weird ass license

Aloha Editor

• http://aloha-editor.org/
  • https://github.com/alohaeditor/Aloha-Editor/
  • http://drupal.org/node/1018352

wysihtml5

• wysihtml5 is an open source rich text editor based on HTML5 technology and the progressive-enhancement approach. It uses a sophisticated security concept and aims to generate fully valid HTML5 markup by preventing unmaintainable tag soups and inline styles. The code is completely library agnostic: No jQuery, Prototype or similar is required.
  • https://github.com/xing/wysihtml5

• http://drupal.org/node/1491142

Code Mirror

• CodeMirror is a JavaScript component that provides a code editor in the browser. When a mode is available for the language you are coding in, it will color your code, and optionally help with indentation. A rich programming API and a CSS theming system are available for customizing CodeMirror to fit your application, and extending it with new functionality.
  • http://www.octolabs.com/javascripts/codemirror-ui/

• http://drupal.org/node/274431

Scribe

• https://github.com/guardian/scribe [2]
  • http://www.theguardian.com/info/developer-blog/2014/mar/20/inside-the-guardians-cms-meet-scribe-an-extensible-rich-text-editor

Squire

• https://github.com/neilj/squire

• http://blog.fastmail.com/2014/12/08/squire-fastmails-rich-text-editor/ [3]

Summernote

• https://summernote.org

HTML Notepad

• HTML Notepad - a WYSIWYG editor of structured documents: texts that have hierarchical and semantically meaningful (oxymoron, no?) structure: headers, list, plaintext islands, tables and so on. [4]

vi/vim

• Add support for vi.js

other

• https://drupal.org/node/1580210

• http://mindmup.github.io/bootstrap-wysiwyg/

• http://kenshin54.github.io/popline/

• http://markitup.jaysalvat.com/home/ - non-wysiwyg

• http://hackerwins.github.io/summernote/

• https://github.com/daviferreira/medium-editor

• http://www.appelsiini.net/projects/jeditable

• https://www.raptor-editor.com/

• http://benweet.github.io/stackedit/ - markdown

• https://news.ycombinator.com/item?id=7288792

• https://github.com/Canner/slate-md-editor - [5]

• http://jaredly.github.io/treed/ [6]

• https://github.com/Voog/wysihtml/ [7]

• https://capnmidnight.github.io/Primrose/ [8]

• https://tibastral.github.io/markdownify/ [9]

• http://trix-editor.org/
  • https://github.com/basecamp/trix [10]

Quill

• http://quilljs.com/ [11] [12]

ProseMirror

• ProseMirror - A toolkit for building rich-text editors on the web
  • https://github.com/prosemirror

• https://github.com/yjs/y-prosemirror - This binding maps a Y.XmlFragment to the ProseMirror state.

Substance

• Substance - a JavaScript library for web-based content editing. It provides building blocks for realizing custom text editors and web-based publishing systems.
  • https://github.com/substance