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 -

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

Node.js and Express constantly face the challenge of Mongoose connecting and disconnecting abruptly

I have been running an Express (Node.js) app connected to MongoDB using Mongoose for a while now. Everything was working smoothly until recently, when it started acting up. It appears that the server is establishing a connection with MongoDB only to disco ...

Display sub-objects within Chart.js

I'm currently tackling a project in Ionic 3 where I am utilizing an API that returns a JSON response with nested objects. My goal is to display certain aspects of these objects within a bar graph using chart.js. Unfortunately, I lack experience in ma ...

The Nestjs cronjob is having trouble accessing the injected service

After setting up a cronjob to call a service from another module, I encountered an issue where the console logged items were displaying correctly when running the method manually from the endpoint. However, once I added back the cronjob decorator, the serv ...

Changing innerHTML in CoffeeScript

Are there other options instead of using the 'innerHTML' property in CoffeeScript? In JavaScript, you typically write something like this: document.getElementById('element').innerHTML = "blah_blah" Is there a different approach to ac ...

Schedule Master: A sophisticated tool for time management

I have been following the instructions to implement a date time picker from this tutorial. I downloaded the necessary js and css files and placed them in the respective directories. However, when I click on the calendar icon, the calendar does not pop up. ...

Develop a time-sensitive store system using HTML and JavaScript that toggles between open and closed status based on set

I am looking to develop a time-based Open/Closed store using HTML and JavaScript. The concept is that on Fridays, the element with id="friday" should be displayed, otherwise, show the element with id="week". Additionally, if the time i ...

Difficulties encountered in the deployment of a Vaadin application for live usage

Currently tackling a challenge with Java 8 and Vaadin 22. As I try to deploy my starter app to production using the command mvnw clean package -Pproduction, I encounter multiple issues during the frontend build process. The error message "Cannot find modul ...

Is it possible to use the same identifier for both the name and id attributes in HTML?

In the world of coding, the "name" attribute is often used in server-side programming to send name/value pairs in requests. On the other hand, the "id" attribute is commonly utilized in client-side programming such as Javascript and CSS. However, both att ...

Filtering JSON Objects in JavaScript: A Comprehensive Guide

I have been attempting to filter the JSON object below and create an array of objects that have a value containing "steve" in the key 'markdown'. My initial approach involves converting the object to an array then applying a filter. Although I h ...

Editing the object retrieved from JSON is not possible once it has been fetched

Project. Input text in the field and it appears on the shirt. When you click "see back," there is an issue where new text overlaps old text. Clicking on "see front" allows you to enter new text, with the previous text saved underneath. Question: How can ...

Executing NPM Install might lead to a prompt for a 402 payment for certain unpredicted packages

Encountering an E402 error when trying to run npm install on multiple packages has become a persistent issue. This problem arises every time I attempt it, with the failed package varying each time. However, upon inspecting the log, many of the packages se ...

Is JavaScript Promise Chaining Allowed?

I have a question regarding my code, despite it currently functioning correctly. Specifically, I'm wondering if the sequence of promises in my database is valid. Promise 1 must be fulfilled before moving on to Promise 2 because I rely on the data and ...

In Angular Typeahead, the model is used as an identifier and the Text represents the name in the array object

I'm currently utilizing the Angular UI Typeahead directive available at this link. Can someone provide guidance on how to assign a model as an id and display text as a name in it? I have attempted the method below but encountered issues. Any suggestio ...

Tips on updating arrow button icon when clicked using jquery

I am currently working on a project where I have a button icon that I want to change upon clicking it. I am using the following jQuery code: <script> $('div[id^="module-tab-"]').click(function(){ $(this).next('.hi').sl ...

merging 4 arrays in a specified order, organized by ID

i have below 4 array objects var dataArray1 = [ {'ProjectID': '001', 'Project': 'Main Project 1', 'StartYear': '2023', 'EndYear': '2023', 'StartMonth': 'Sep&apo ...

Console command to change paragraph tag color---Modifying the color

I am attempting to change the color of all paragraph tags on a webpage to white by utilizing the console. My initial attempt was: document.p.style.color = 'white'; However, this method did not have the desired effect. Interestingly, I have had s ...

Installing package.json globally with npm does not create symbolic links to the binaries

My current setup includes: A Vagrant machine with a web project The requirement for a globally accessible bower installation The package.json file as follows: { "name": "gadada", "version": "1.0.0", "main": "index.js", "scripts": { "test": ...

After stopping the interval with clearInterval(), you can then use the res.send method

I need to continuously log the current date and time to the server console then stop logging after a specified time, returning the final date and time to the user. How do I properly utilize ClearInterval() in this scenario? const express = require(" ...

Issue with MiniCssExtractPlugin during compilation of the entry point build

We have integrated webpack into our deployment process to bundle resources efficiently. However, we are now facing a challenge as we aim to include the bundling of sass files through webpack in order to streamline our build process. The MiniCssExtractPlugi ...

I'm struggling to grasp the concept of State in React.js

Even though I'm trying my best, I am encountering an issue with obtaining JSON from an API. The following error is being thrown: TypeError: Cannot read property 'setState' of undefined(…) const Main = React.createClass({ getInitia ...