WYSIWYG (what you see is what you get) is one example of direct manipulation. What users see on the display screen when using word processing for example, is not the actual document that will be generated in the final stage. But it is a representation or rendering of how the final document will look. The implication of this WYSIWYG is that the difference between the representation and the end result is minimal, and the user can easily visualize the end result of the computer representation.
This term is used in computation to describe a system in which the content being edited will look exactly the same as the final output, which may be a document printed on a web page. The origin of this phrase is just a catch of a phrase popularized by Flip Wilson's drag from Rowan and Martin's Laugh-In in the late 60s, and then on The Flip Wilson Show until 1974, which often says "What you see is what you get "for reasons of his unique behavior. This phrase proved quite popular to be the title of a hit single by The Drama in 1971.
For the world of WYSIWYG web programming text editor is very necessary, this is because not all web users understand the use of code from web progeaming. with the text editor WYusSIWYG this will really help the user, especially those who do not understand the code from web programing
Here are five WYSIWYG text editors that can be used in making a web:
1. CKEditor
CKEditor is a text editor used in the web environment. CKEditor is a WYSIWYG editor, which means the dead text will be the same as the one that will appear. Use CKEditor as a text editor like we use Microsoft Word or OpenOffice. CKEditor is the most widely used editor right now. The Google trend confirms this compared to TinyMCE's main competitor. In addition CKeditor includes an easy-to-use editor.
2. Froala
Froala WYSIWYG HTML Editor is easy to integrate and use. to integrate requires only minimal coding knowledge. This plugin requires jQuery 1.11.0 or yang and this plugin uses icon fonts named Awesome Font 4.4.0. In combination with UI and UX features it has.
The core code of the Froala editor is written in JavaScript and can therefore be integrated with any HTML document.
3.Bootstrap3-wysiwyg
bootstrap3-wysiwyg is a JavaScript plugin that will make it easy to create a text editor, WYSIWYG text editor is very simple and beautiful with the help of wysihtml5 and Twitter Bootstrap.
4. Summernote
Summernote is a text editor based on Bootstrap. There are various themes available for it and they are powered by Bootswatch. There is also a version converted to Material theme named MaterialNote
5. Trumbowyg
Trumbowyg is a lightweight jQuery plugin used to transform a textarea into a HTML Editor. With the purpose to be a WYSIWYG editor, this plugin has less than 30kb and delivers very good tools, such as lists, font-sizes, alignment, images, links, etc ... all of this with a clean design and great performance.
Sources:
- https://ckeditor.com/
- https://www.froala.com/wysiwyg-editor
- http://bootstrap-wysiwyg.github.io/bootstrap3-wysiwyg/
- https://summernote.org/
- https://alex-d.github.io/Trumbowyg/
Posted on Utopian.io - Rewarding Open Source Contributors