A WYSIWYG is one that allows a developer to see what the end result will look like while the interface or document is being created.
Below is an example of a basic inline editing using medium-editor.
Try highlighting some of the text below.
HTML Code
<div class="editable">One morning, when...</div>
Javascript Code
var editor = new MediumEditor('.editable');
A super simple WYSIWYG editor on Bootstrap.
HTML Code
<div id="summernote">Hello, universe!</div>
Javascript Code
$('#summernote').summernote({ height: 150})