Important changes to Tiny Cloud pricing > Find out more

Getting started with Real-Time Collaboration (RTC)

Getting started with RTC

Contribute to this page

Important: The Real-Time Collaboration (RTC) plugin is currently in Open Beta. To learn about our pre-release commitment, please read the software licence agreement related to your subscription, including:


Basic Real-Time Collaboration (RTC) setup

The following example assumes you are familiar with integrating TinyMCE; if you are new TinyMCE user please follow the basic setup guide first.

This example shows how to get the Real-Time Collaboration (RTC) plugin up and running using hardcoded values. For a production setup, the document ID and secret would be retrieved from your server. This example also assumes that a JWT provider endpoint exists at ‘/jwt’. For information on setting up a JWT endpoint, see: JWT authentication.

  selector: 'textarea', // change this value according to your HTML
  plugins: 'rtc',
  rtc_document_id: 'unique-document-id',
  rtc_encryption_provider: () => Promise.resolve({ key: 'a secret key' }),
  rtc_token_provider: () =>
    fetch('/jwt', {
      method: 'POST'
    .then(response => response.json()),
  rtc_snapshot: ({version, html}) => console.log(version, html)

Additional resources

The following resources provide additional information on setting up the RTC plugin for TinyMCE.

  • For information on JSON Web Tokens (JWT) and setting up JWT authentication for the RTC plugin, see: JWT authentication.
  • For details on the available configuration options, see: Configuration Options.

Need help?

Tiny is striving to make RTC as useful and simple as possible. For support related issues, such as problems with JWT authentication and implementing RTC, contact Tiny Support.

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.