Code Monkey home page Code Monkey logo

Comments (7)

fyrkant avatar fyrkant commented on September 4, 2024 15

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.

from tinymce-react.

fyrkant avatar fyrkant commented on September 4, 2024

You should use the skin_url setting to point to the skin files, importing then into the js file won't work.

from tinymce-react.

tomasbruckner avatar tomasbruckner commented on September 4, 2024

@fyrkant what do you mean it won't work. I can see that the CSS file is loaded and it works. My only concern is that the component tries to load /static/js/skins/content/default/content.css which is unfortunately redirected due to react router to index.html. Therefore it loads html instead of css and fails. Is there a way to prevent this request to content.css?

from tinymce-react.

tomasbruckner avatar tomasbruckner commented on September 4, 2024

Great, thank you for quick help.

from tinymce-react.

renzhenqi avatar renzhenqi commented on September 4, 2024

This bug havent been fixed yet? I met this in 5.4.1

from tinymce-react.

conorluddy avatar conorluddy commented on September 4, 2024

I'm on 5.4.1 also and was struggling with this too, and ended up here.
Setting skin: false in my init object seemed to fix it, and I didn't need to set content_css at all.

I'm importing my CSS at the top of the component like this, and using the @tinymce/tinymce-react component.

import 'tinymce/skins/ui/oxide/skin.css'
import 'tinymce/skins/ui/oxide/content.inline.css'

from tinymce-react.

redfox05 avatar redfox05 commented on September 4, 2024

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.

from tinymce-react.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.