[Fixed] Tinymce show me error and ask me to provide API key (paid) – Tinymce

by
Alexei Petrov
google-cloud-firestore javascript plugins tinymce

Quick Fix: If using only open-source TinyMCE features, move TinyMCE to your cloud hosting instead of using Tiny Cloud service. Refer to the help document for more information: https://www.tiny.cloud/docs/tinymce/6/invalid-api-key/

The Problem:

I’ve been using TinyMCE on my website for years, but now, I’m getting a message asking for a paid API key to continue using it. My website relies heavily on this plugin, and I don’t understand why I’m being asked to pay now. Is there a way to continue using TinyMCE without having to pay or is there a free alternative?

The Solutions:

Solution 1: Switch to Open Source TinyMCE

If you only use the open-source features of TinyMCE, consider moving TinyMCE to your own hosting. You can use TinyMCE via cdnjs or any other CDN of your choice. This way, you won’t be using TinyMCE’s cloud service and won’t need an API key.

Here’s a step-by-step guide on how to do this:

  1. Download the TinyMCE script: Go to the TinyMCE website and download the TinyMCE script.

  2. Upload the script to your hosting: Upload the TinyMCE script to your website’s hosting.

  3. Add the script to your website: Add the following code to the <head> section of your website:

    <script src="path/to/tinymce.min.js"></script>
    
  4. Initialize TinyMCE: Initialize TinyMCE on the elements you want to use it on. You can do this by adding the following code:

    tinymce.init({
      selector: '#mytextarea',
      plugins: 'paste,table,link,image,media,powerpaste,advlist,autolink,autosave',
      toolbar: 'undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image media',
    });
    

By following these steps, you can continue using TinyMCE without having to pay for an API key.

Solution 2: Self Hosting Tinymce

Instead of using the TinyMCE cloud service, you can self-host Tinymce. This gives you more control over your data and eliminates the need for an API key. However, it also requires more technical expertise to set up and maintain.

To self-host Tinymce, you can download the TinyMCE source code from their website.

Once you have downloaded the source code, you will need to set up a web server to host the TinyMCE files. You can use any web server that you like, such as Apache or Nginx.

Once you have set up a web server, you will need to copy the TinyMCE files to the web server’s document root directory. You will also need to create a configuration file for TinyMCE. The configuration file tells TinyMCE where to find the editor’s files and how to configure the editor.

Once you have created the configuration file, you will need to add the following line to your HTML code:

<script src="/tinymce/tinymce.min.js"></script>

This line will load the TinyMCE editor. You can then use the editor to create and edit content.

Self-hosting Tinymce is a good option for users who want more control over their data and who are willing to put in the extra time and effort to set up and maintain the editor.

Q&A

Why does Tinymce ask for an API key suddenly?

You are using Tiny Cloud service, which requires an API key starting 2024.

How to continue using Tinymce without paying?

Move Tinymce to your cloud hosting or use a self-hosted solution.

Video Explanation:

The following video, titled "How to fix Unexpected Token in JSON error (for web developers ...", provides additional insights and in-depth exploration related to the topics discussed in this post.

Play video

Not a programmer? Read this! ** - If you get this error in an app you didn't make, and/or you're not a web developer... this video will not ...