Configuring the Tiny Drive UI

tinydrive_skin

This option sets the skin applied to Tiny Drive. The default skin included with Tiny Drive is named "oxide".

Type: String

Default value: 'oxide'

Possible values: 'oxide', 'oxide-dark'

If the tinydrive_skin option is not specified, Tiny Drive will try and use the skin specified by the TinyMCE skin option before falling back to the default "oxide" skin.

Example: Using tinydrive_skin

tinymce.init({
  selector: 'textarea',  // change this value according to your HTML
  plugins: 'tinydrive',
  tinydrive_skin: 'oxide-dark'
});

Configuring the Insert File toolbar button

Tiny Drive will automatically integrate into the Image, Link, and Media dialogs as a file picker. It can also be configured to insert files directly into any content using the insertfile button. To enable this button, add it to the toolbar editor setting.

The Insert File toolbar button will insert images as img elements or other files as links to that file.

Example: Adding the insertfile toolbar button

This is an example of configuring the 'insertfile' toolbar button.

tinymce.init({
  selector: 'textarea',  // change this value according to your HTML
  plugins: 'tinydrive',
  toolbar: 'insertfile'
});

Toolbar buttons

The Tiny Drive plugin provides the following toolbar buttons:

Toolbar button identifier Description

insertfile

Opens the Tiny Drive file selector.

These toolbar buttons can be added to the editor using:

The Tiny Drive plugin provides the following menu items:

Menu item identifier Default Menu Location Description

insertfile

Not Applicable

Opens the Tiny Drive file selector.

These menu items can be added to the editor using: