<div onfocusout="updateDatabase('demo')">

<textarea id="demo">

  <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>&nbsp;© 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>

      </ul>

      <p><b>Options:</b></p>

      <ul>

          <li>Translations</li>

          <li>Using your own color palette</li>

          <li>Disabling/enabling tooltips</li>

      </ul>

  </p>

</textarea>

</div>

​

<div style="border: 1px solid red; padding: 10em; text-align: center;">

  Click here to lose focus...  

  <input type="text">

</div>