<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> </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
});
This Pen doesn't use any external CSS resources.