<!-- Appears on Tiny Blueprint (https://www.tiny.cloud/blog/) in articles:
 - Customizing TinyMCE CSS-->
<center>
  <table>
    <tr>
      <td>
        <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 style if required.</p>
        </div>
      </td>
    </tr>
  </table>
</center>
.editable p {
  color: #0C74DB;
}

table {
  width: 100%; max-width: 600px; padding: 20px;
}

td {
  background-color: #eeeeee; font-size: 14px; padding: 16px; font-family: Verdana, Geneva, sans-serif; border-radius: 25px;
}
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