Access to class styles of the custom CSS from pages.

[IDPlayerIvan]

Its seems like TinyMCE its not allowing to some tags, html comments or even using some custom class of a custom CSS to be used. In the preview all generates well but after that, once its published all its gone.

In a custom installation it would be easy to change the TinyMCE config and allow it through. But in your platform all its limited to just the admin menu, and I only have access as teacher.

Is there some kind of new option in admin or how it must to be done? If that its the case please tell me how step by step. Thanks 😉

[chriscas]

Hi @IDPlayerIvan,

I think you might want to check out the  Canvas HTML Editor Allowlist - Instructure Community - 387066  document, which has some info about what elements the Canvas RCE allows and what it will remove when saving.  If you're running an Instructure-hosted instance, I don't think there's a way to adjust this at all.  It may be possible to modify the source if you're running a self-hosted open-source instance, but I don't have experience with that to really give you any pointers.

Hope this info helps a bit.  If not, let us know more info about exactly what is being removed and someone may be able to give some additional advice.

-Chris

[IDPlayerIvan]

Thanks for your quick response. I will take the allowlist as reference. But, Do we have another option to use our custom css classes? Thanks 

[JamesSekcienski · Accepted solution]

If you are trying to use custom CSS classes, then the style for them would need to be defined as part of the theme.  As an instructor you wouldn't have access to this.

The theme is something that would need to be approved and updated by a Canvas Admin with the appropriate permissions.  You would need to check with the admins for your Canvas instance to see if they allow for adding custom CSS class styles to the theme.  This will vary by institution as theme modifications are to be used at their own risk.  How do I upload custom JavaScript and CSS files to an account? 

[chriscas]

Hi @IDPlayerIvan,

I don't think the RCE will generally remove classes, but I could be wrong about this.  I think removal of things is more tied to the elements or components themselves than a custom class name.  I also don't believe there is a supported way around this.  A lot of the restrictions are in place to try to ensure content can display properly on all devices/browsers and the Canvas apps, and I think some of them may also be there for security reasons.

If you can tell us more about what you're trying to do with your content and custom CSS, someone will perhaps be able to suggest an alternate way to accomplish something similar.

-Chris