question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Skin false does not prevent loading of skins

See original GitHub issue

What is the correct configuration with Create React App when loading resources yourself?

I get this so far:

import React from 'react';
import { Editor } from '@tinymce/tinymce-react';

import 'tinymce/tinymce';
import 'tinymce/themes/silver/theme';
import 'tinymce/skins/ui/oxide/skin.min.css'
import 'tinymce/skins/ui/oxide/content.min.css'
import 'tinymce/plugins/link';
import 'tinymce/plugins/code';

const RichTextEditor = () => {
  return (
    <Editor
      initialValue="<p>hello</p>"
      init={{
        skin=false,
        plugins: ['link', 'code'],
        toolbar: 'bold italic',
      }}
    />
  );
};

RichTextEditor.propTypes = {
  ...Editor.propTypes,
};

export default RichTextEditor;

But I still get

tinymce.js:5320 Resource interpreted as Stylesheet but transferred with MIME type text/html: “http://localhost:3000/static/js/skins/content/default/content.css”.

Also there should be more clarification in documentation that modern theme is only for version 4 and you should use oxide with version 5, because in every part of the documentation, there is theme: modern and took me a while before I figured out that I should use oxide instead.

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:7 (2 by maintainers)

github_iconTop GitHub Comments

15reactions
fyrkantcommented, Feb 27, 2019

Seems like there is a bug in TinyMCE 5 that is loads the content css even if skin is set to false, we will fix this in a future version but for now I think you can skip loading the content css by setting the content_css setting to false as well.

0reactions
redfox05commented, Aug 3, 2020

skin:false also fixed the issue for me with Webpack 4 and TinyMCE 4, and the content_css is set to our app.css. I found this solution from https://community.tiny.cloud/communityIdeaDetail?id=08761000000AT6yAAG and then found this github issue when I was trying to see if skin:false was a valid option to use.

Read more comments on GitHub >

github_iconTop Results From Across the Web

COD: Warzone 'False Prospector' camo not staying on loadout ...
Players say the skin is unequipped after they leave gunsmith or after the end of every game.
Read more >
Is There A Way To Disable Item Skins : r/playrust - Reddit
I think the only way to completely disable skins is to use a trick to stop Workshop from downloading Rust skins. Even if...
Read more >
Telerik Web Forms Skins - RadAjaxLoadingPanel
If the Skin property is set, the loading panel will NOT hide the updated control entirely, because transparency is applied by default from...
Read more >
Rails / Webpack: TinyMCE cannot load skins (404 (Not Found))
I tried putting the skins folder directly in the root directory, in a packs folder placed in the root and in the javascript/packs...
Read more >
How to Enable Skins on a Minecraft Server - YouTube
Your browser can 't play this video. Learn more. Switch camera.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found