WYSIWYG stands for “What You See Is What You Get”. When an HTML editor is in WYSIWYG mode, the HTML page is rendered as though it is being viewed with a web browser. The only difference is that the web developer can edit the page at the same time.
Most WYSIWYG editors allow the developer to move page elements by “clicking and dragging” them around the page. Formatting text with a WYSIWYG editor is as simple as highlighting the text, then clicking the “Bold” button (or whichever button you need). Just like in a word processing program like Microsoft Word, or a desktop publishing application, such as QuarkXpress. which allows you to see what the page will look like while you’re editing it. It’s kind of like editing a preview of your web page.
Although usually referred to as “WYSIWYG editors”, these are better described as an HTML editor with WYSIWYG mode. The user can switch between “Code view” and “WYSIWYG view”.
PROS:
- Using WYSIWYG editors does not require any HTML knowledge.
- It is easy to use creating or designing web pages.
- It is Good for designer types.
- It is Faster than HTML editors.
- It is much easier to get started for an inexperienced user with no coding experience whatsoever.
CONS:
- When it comes to the coding part then it has Cray-zee coding.
- Less chance of a web designer job.
- WYSIWYG editors are proprietary.
Here is a list of WYSIWYG editors:
- Adobe Dreamweaver CC WYSIWYG Editor
- Bubble WYSIWYG Editor
- CKEditor WYSIWYG Editor
- TinyMCE WYSIWYG Editor
- Froala WYSIWYG Editor
- Editor.js WYSIWYG Editor
- Kompozer WYSIWYG Editor
- Setka WYSIWYG Editor
Conclusion
The purpose of WYSIWYG is to allow you to create a web page/website without the need to learn HTML language and coding.
If you want to explore more about Text Editor or WYSIWYG Editor, We recommend you to go through our detailed article of HTML Editors.