Outside skin demo

This demo uses the Outside skin. The Outside skin completely removes outside borders and only has a border around the editable area. It is designed to be a clean and simple text input experience for chat or comment applications.

The example below uses the small icon pack.

  • TinyMCE

  • HTML

  • JS

  • Edit on CodePen

<textarea id="premiumskinsandicons-outside"></textarea>
tinymce.init({
  selector: 'textarea#premiumskinsandicons-outside',
  skin: 'outside',
  icons: 'small',
  plugins: 'lists code table codesample link image',
  toolbar: 'blocks | bold italic underline strikethrough | image quote bullist link codesample',
  menubar: false,
  statusbar: false
});