Eliminate the registration message from TinyMCE by importing a package

Looking to create a TinyMCE React package, I've been using

import { Editor } from '@tinymce/tinymce-react';
However, I'm encountering this message -

https://i.sstatic.net/j4Cfw.png

To remove the message, typically you would add the API key to the .js. in your <script> tag in your html. But since I am importing the package, there is no script for me to insert the API key in.

Should I use something like

mce-notification-inner {display:none!important;}
or is there an alternative method to eliminate the message?

I also aim to experiment with https://github.com/instructure-react/react-tinymce but I am unsure how to execute the script. I attempted the following:

  componentWillMount () {
    const script = document.createElement("script");

    script.src = "//tinymce.cachefly.net/4.2/tinymce.min.js";
    // script.async = true;

    document.body.appendChild(script);
  }

but it was unsuccessful

Answer №1

When using the editor, remember to input your unique API key in the designated spot. As stated on the linked page:

<Editor apiKey='YOUR_API_KEY' init={{ /* your other settings */ }} />

Make sure to locate the apiKey parameter within the tag and insert your key there.

Answer №2

If you want to remove those messages, follow the directions provided in the following link:

Removing Messages Yourself

To avoid using a third-party service for messaging, you can take control of providing messaging by hosting the necessary script file yourself and adding it to your website's HTML code. Alternatively, if you prefer using a module loader, you can also install the script via npm.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

I plan to compile a collection of names in a text field and then have the ability to select and access each name individually with just a click

I am currently working on a project that involves creating an admin site using Firebase. One of the main features of the site is large text fields that display information which can be modified. For instance, the user management page includes text fields ...

Utilize jQuery and AJAX to refresh functions after each AJAX call for newly added items exclusively

I have encountered an issue with my jQuery plugins on my website. Everything functions smoothly until I load new elements via AJAX call. Re-initializing all the plugins then causes chaos because some are initialized multiple times. Is there a way to only i ...

What is the process for implementing a title search filter in Vue.js?

Hey there, hoping you're having a good night! I've been trying to set up a bookstore using Vue.js with code retrieved from a Json api. However, I'm encountering some issues with the "computed" property. Here's the code snippet: new Vue ...

Discovering the presence of line breaks

I have searched extensively on Google, but I am struggling to find a definitive answer. My goal is to create an email simulation where users can input text into a textarea and save it to the database. They should then be able to return to the page later a ...

Navigating between different components in React Router V4 allows for seamless transitions without having to reload the

I am currently learning React with React Router V4 and I have a specific scenario in mind that I would like to achieve, possibly illustrated by the image below: Click on the "Next" button Trigger a click event to Component A ("button got clicked") Upon c ...

Issue: Module 'serialize-javascript' not found despite being present in the 'node_modules' directory after executing npm start command in ReactJS project

My npm start suddenly stopped working. This issue arose after I switched to an unused branch with unrelated histories, made some changes, pushed them (unaware that the branch was outdated), then used git checkout -f "" to go back to the recent br ...

Toggle the element within the selected row using Jquery

In order to create a client list, users must click on rows to select them and then submit the selections to the database for a cron job to send out emails. Instead of using checkboxes, I am attempting to highlight rows by including two hidden elements - o ...

What is the best way to verify the presence of a file using jQuery?

I am using "tinyMCE" dynamically on a single page. To modify the content in "tinyMCE", I have to use the "setContent" function. However, I am unsure how to check for the existence of a file (using PHP's is_file function) either within ajax or before ...

Setting up the NodeJS dropzone module

I am looking to integrate a dropzone component into my Node.js project. After running the command: npm install dropzone I found these files installed: node_modules/dropzone/dist/dropzone.js node_modules/dropzone/dist/dropzone.css However, I ...

Utilizing jQuery for AJAX requests on a timed loop

I'm puzzled by a situation involving an AJAX call within an interval. It seems that the code doesn't work as expected, and I'm wondering why. Initially, I had this code snippet which wasn't functioning properly: setInterval($.ajax({ ...

What is the process for a server to transmit a JWT token to the browser?

Here is an example response sent to the browser: HTTP / 1.1 200 OK Content - Type: application / json Cache - Control : no - store Pragma : no - cache { "access_token":"MTQ0NjJkZmQ5OTM2NDE1Z ...

The error message "Invalid Data Type: Not an Array - google charts" was encountered

I am struggling with an ajax call that I have set up. The issue arises when passing an array from the backend to the frontend. Upon checking the data through an alert on the frontend, everything seems fine. However, Google charts raises an error stating th ...

AngularJS - Introducing blurred delay

Here is the code snippet I am working with: <div class="staff"> <input ng-model="user" ng-focus="isFocused = true;" ng-blur="isFocused = false;/> <div class="matches" ng-if="isFocused"> <div ...

Is it possible to utilize JavaScript to access a .php file located in a separate directory?

Although I have been searching all day, I couldn't find a workout that specifically addresses my issue. I'm new to JavaScript and AJAX. Currently, I am exploring a web app called calendar.php located in the directory C:\xampp\htdocs&bs ...

After refreshing the page, the local storage does not appear

I've been struggling to get it working for hours with no luck. After submitting the form, I create local storage values for name, surname, and email so that they can be automatically filled in the form next time without requiring the user to retype th ...

Error message: "The function RNFetchBlob.fetch is not a valid function in npm react-native-fetch-blob."

Currently, I am utilizing the npm package react-native-fetch-blob. I have meticulously followed all the steps provided in the git repository to implement this package. After following the instructions, I imported the package by using the following line ...

What sorcery does Facebook use to alter the URL without triggering a page reload?

Similar Question: How can I update window location without a reload and # hack? Facebook and Ajax What method does Facebook use to change the URL without reloading the page? In the past, Facebook utilized the hash (#) symbol to prevent the page f ...

AssertionError [ERR_ASSERTION]: The value of undefined is not equal to 390 in the GitLab

I'm a bit confused about the AssertionError [ERR_ASSERTION]: undefined == 390 in Gitlab. What I need is: The sumSalaries(obj) function, which should take an object obj as a parameter where the field names correspond to the employee's name and t ...

What could be causing the fluctuation in the length property of my array-like object?

Currently, I am following a JavaScript tutorial that covers the call and apply methods. One thing that has me puzzled is the behavior of an 'array-like object' used in one of the examples: var arrayLikeObj = { 0: 'Marty', 1: 78 ...

React button synchronization issue with start stop functionality

My React timer module has one input field and three buttons: Start (to begin the timer), Pause (to temporarily stop the timer), and Stop (to completely halt the timer). The issue I am encountering is that when I input a value, start the timer, then press t ...