Wysiwyg editor with color picker

<br/>
  <p style="text-align: center;"><img src="https://mdbootstrap.com/wp-content/uploads/2018/06/logo-mdb-jquery-small.png" class="img-fluid"></p>
  <h1 style="text-align: center;">MDBootstrap</h1>
  <p style="text-align: center;">WYSIWYG Editor</p>
  <p style="text-align: center;"><a href="https://mdbootstrap.com" target="_blank" contenteditable="false" style="font-size: 1rem; text-align: left;">MDBootstrap.com</a> © 2020</p>
  <p style="text-align: left;"><b>Features:</b></p>
  <p style="text-align: left;">
      <ul>
          <li>Changing block type</li>
          <li>Text formatting (bold, italic, strikethrough, underline)</li>
          <li>Setting text color</li>
          <li>Text aligning</li>
          <li>Inserting links</li>
          <li>Inserting pictures</li>
          <li>Creating a list (bulled or numbered)</li>
        	<li class="text-color">Click button below to change the color of this item</li>
    			<button id="color-picker-1" class="btn btn-outline-primary btn-sm">Color Picker</button>
      </ul>
      <p><b>Options:</b></p>
      <ul>
          <li>Translations</li>
          <li>Using your own color palette</li>
          <li>Disabling/enabling tooltips</li>
      </ul>
  </p>