<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">
          <h1>Hello!</h1>
          <p>This text is styled with the "editable" class. A CSS inlining tool can be used to convert it to HTML with inline styles.</p>
        </div>
      </td>
    </tr>
  </table>
</center>
  .editable p {
    color: #0C74DB;
  }
tinymce.init({
  selector: ".editable",
  inline: true,
  toolbar: "styleselect | bold italic forecolor | 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