What is WYSIWYG

 A WYSIWYG (pronounced "wiz-ee-wig") editor is one that allows a developer to see what the end result will look like while

the interface is being created WYSIWYG is an acronym for "what you see is what you get". A WYSIWYG editor can be

contrasted with more traditional text editors that require the developer to enter descriptive codes (or markup, such as

HTML) and do not permit an immediate way to see the results of the markup (without running the HTML code in the browser).

An HTML WYSIWYG editor conceals the markup code and allows the web page developer to think entirely in terms of how the content should appear. One of the trade-offs, however, is that an HTML WYSIWYG editor sometimes inserts markups code it thinks is needed and creates more code than is required. Then, the developer has to know enough about HTML language to go back into the source code and clean it up.

A WYSIWYG editor displays in the live website the exact way as the

preview, enhancing accuracy when building  or making changes to a site.                                                                                                                                                  .

The main benefit of this type of editor is the ability to make changes and immediately see how they would be displayed on your live website, while developing it. Your alternative is making a change, saving it, opening a preview in a new window, and reviewing that update - an unnecessarily long system for a quick copy edit.

One of your best options is to choose a CMS that includes a WYSIWYG editor. That way, you get all the features you need to build your website within one tool.

Read this useful article here: https://blog.hubspot.com/website/best-wysiwyg-html-editor

Watch this video about WYSISWYG