WYSIWYG Editor

<textarea id="editor">
    Lorem <b>ipsum </b><i>dolor </i><strike>sit</strike> <u>amet</u>, <b><i>consectetur</i></b> <u><strike>adipiscing</strike></u> elit,
     <i><u>sed</u></i> do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    <div style="text-align: center;">Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
    <div style="text-align: right;">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</div>
    <div>
        <ul>
            <li>Excepteur sint occaecat cupidatat non proident.
                <br>
            </li>
            <li>Sunt in culpa qui officia deserunt mollit anim id est laborum.
                <br>
            </li>
        </ul>
    </div>
</textarea>

<script type="text/javascript">
  $(document).ready(function () {
    $("#editor").editor();
  });
</script>

Quill Editor

<div id="quill-container">
  <p>Hello World!</p>
  <p>Some initial <strong>bold</strong> text</p>
  <p><br></p>
</div>
<script>
var toolbarOptions = [
    [{ "header": [1, 2, 3, 4, 5, 6, false] }],
    [{ "list": "ordered"}, { "list": "bullet" }],
    ["blockquote", "code-block"],
    ["bold", "italic", "underline"],
    ["image", "code-block"]
]
var quill = new Quill("#quill-container", {
      modules: {
        toolbar: toolbarOptions
      },
      theme: "snow" 
    });
</script>