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.
A super simple WYSIWYG editor on Bootstrap.
HTML Code
<div id="summernote">Hello, universe!</div>Javascript Code
$('#summernote').summernote({
height: 150
})