Difference between revisions of "WYSIWYG"

From Things and Stuff Wiki
Jump to navigation Jump to search
Line 6: Line 6:
  
 
== CKEditor ==
 
== CKEditor ==
* http://ckeditor.com/download
+
=== CKEditor 4 ===
 +
* [https://ckeditor.com/ckeditor-4/ CKEditor 4] - The battle-tested WYSIWYG HTML editor, when you need even more features and legacy compatibility.
  
* http://www.undpaul.de/en/blog/2013/06/14/changing-ckeditor-skins-drupals-wysiwyg
 
  
=== Themes ===
 
 
* https://github.com/paranoida/ckeditor-moono-theme
 
* https://github.com/paranoida/ckeditor-moono-theme
  
Line 16: Line 15:
  
 
* https://github.com/oleq/silver
 
* https://github.com/oleq/silver
 +
 +
 +
* [https://www.undpaul.de/en/blog/2013/06/14/changing-ckeditor-skins-drupals-wysiwyg Changing CKEditor skins with Drupal's WYSIWYG]
 +
 +
=== CKEditor 5 ===
 +
* [https://ckeditor.com/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.
 +
 +
* [https://ckeditor.com/blog/Lessons-learned-from-creating-a-rich-text-editor-with-real-time-collaboration/ Lessons learned from creating a rich-text editor with real-time collaboration] - [https://news.ycombinator.com/item?id=18220020]
 +
  
 
=== Alloy Editor ===
 
=== Alloy Editor ===
* https://alloyeditor.com/
+
* [https://alloyeditor.com/ Alloy Editor] - a modern WYSIWYG editor built on top of CKEditor 4, designed to create modern and gorgeous web content
  
 
== TinyMCE ==
 
== TinyMCE ==

Revision as of 17:58, 22 October 2018

and not so

JavaScript libraries

CKEditor

CKEditor 4

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



CKEditor 5


Alloy Editor

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

TinyMCE

markItUp

Redactor

Aloha Editor

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.

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.

Scribe

Squire

Summernote

vi/vim

other





Quill

ProseMirror