<center>
  <table style="width: 100%; max-width: 600px; padding: 20px;">
    <tr>
      <td style="background-color: #eeeeee; font-size: 14px; padding: 16px; font-family: Verdana, Geneva, sans-serif; border-radius: 25px;">
        <div class="editable-simple">
          <h1>Simple editor</h1>
          <p>This instance of TinyMCE inline is configured with a small subset of options.</p>
        </div>
      </td>
    </tr>
    <tr><td>&nbsp;</td></tr>
    <tr>
      <td style="background-color: #eeeeee; font-size: 14px; padding: 16px; font-family: Verdana, Geneva, sans-serif; border-radius: 25px;">
        <div class="editable-advanced">
          <h1>Advanced editor</h1>
          <p>This instance of TinyMCE inline is configured with additional options like the ability to insert lists, links, and images.
          <p><img src="https://assets.codepen.io/413052/alexander-rotker-l8p1aWZqHvE-unsplash.jpg" width="300"></p>
        </div>
      </td>
    </tr>
  </table>
</center>
tinymce.init({
  selector: ".editable-simple",
  inline: true,
  toolbar: "styleselect | bold italic forecolor | removeformat",
  menubar: false
});

tinymce.init({
  selector: ".editable-advanced",
  inline: true,
  plugins: "advlist lists link image",
  toolbar: "styleselect | bold italic forecolor | bullist numlist | link image| removeformat",
  menubar: false
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdn.tiny.cloud/1/qagffr3pkuv17a8on1afax661irst1hbr4e6tbv888sz91jc/tinymce/5/tinymce.min.js