---
title: "Fabric skin demo"
description: "Fabric Demo"
canonical_url: "https://www.tiny.cloud/docs/tinymce/latest/fabric-demo/"
md_url: "https://www.tiny.cloud/docs/tinymce/latest/fabric-demo/index.md"
version: "latest"
last_updated: "2022-03-30T07:08:51Z"
tokens: 197
---
# Fabric skin demo

This demo uses the Fabric skin which follows the Microsoft design language. By default it has no border around the editor to make it easier to implement as a fullscreen editor. You can easily create your own border around the editor, look at the demo below for an example.

**Example**

```js
tinymce.init({
  selector: 'textarea#premiumskinsandicons-fabric',
  skin: 'fabric',
  content_css: 'fabric',
  toolbar_mode: 'floating',
  plugins: 'advlist anchor autolink charmap code codesample directionality help image editimage insertdatetime link lists media nonbreaking pagebreak preview searchreplace table tableofcontents visualblocks wordcount',
  toolbar: 'undo redo | blocks | bold italic strikethrough forecolor backcolor blockquote | link image media | alignleft aligncenter alignright alignjustify | numlist bullist outdent indent | removeformat',
  height: 400
});
```