Important changes to Tiny Cloud pricing > Find out more

NOTE: TinyMCE 5 reached End of Support in April 2023. No more bug fixes, security updates, or new features will be introduced to TinyMCE 5. We recommend you upgrade to TinyMCE 6 or consider TinyMCE 5 Long Term Support (LTS) if you need more time.

Dropbox integration

Guide for setting up Tiny Drive with Dropbox.

Contribute to this page

Overview

Tiny Drive enables you to import files from any Dropbox account if you set up the Dropbox integration by providing a Dropbox app key. When the user selects a file from Dropbox, it will instantly be uploaded or imported into the Tiny Drive storage so that it can be viewed online and shared through Tiny Drive.

Prerequisites

A valid Dropbox user account is required for integrating Dropbox with Tiny Drive. Refer to this link for more information on creating a Dropbox user account.

Obtaining the Dropbox app key

You can get Dropbox integration up and running by following the steps below.

1. Create the application

  1. Open the Create app page.
  2. Select the Dropbox API from Choose an API.
  3. Select Full Dropbox from the Choose the type of access you need.
  4. Name your app with something company unique acmeinc-tinydrive for example.

2. Get the Dropbox app key and add domains

  1. Copy the key from App key this will then be used as the key for the tinydrive_dropbox_app_key.
  2. Configure the domains that are serving your application in Chooser/Saver domains.

3. Configure tinydrive to use the new Dropbox app key

You configure the Dropbox API key by setting the tinydrive_dropbox_app_key like in the example below.

tinymce.init({
  selector: 'textarea',  // change this value according to your HTML
  plugins: 'tinydrive',
  tinydrive_dropbox_app_key: '<your dropbox app key>'
});

For more information on other Tiny Drive config options refer to the configuration section of this document.

4. Tiny Drive UI

  1. From the TinyMCE user interface, click on the Insert/edit image button to access the Tiny Drive user interface.
  2. Click on the Upload/Create button to select Dropbox from the list of storages.
  3. Select the file to upload/import from Dropbox by clicking on the radio button next to it and click the Choose button to upload or Cancel to abort the operation.
  4. Alternatively, files from your local browser can be uploaded to the Dropbox by clicking on the Upload files option and selecting the files to upload.

Result: You should be able to view the selected files in your Tiny Drive storage.

Read more about more Dropbox options here.

Interactive example

Here is an interactive example of Dropbox-enabled on Tiny Drive.

Can't find what you're looking for? Let us know.

Except as otherwise noted, the content of this page is licensed under the Creative Commons BY-NC-SA 3.0 License, and code samples are licensed under the Apache 2.0 License.