Add custom css file to RTE at the component level

Question

I have been trying to add custom css file the should be specifically applied to the RTE component.

The main intentions in this requirements are:

1) Custom css code to be applied to RTE at the component level itself.

2) The rendered content of RTE should be automatically applied with the custom css code and rendered of the page.

Can this be achieved by adding any specific property to dialog nodes or any other way to integrate the CSS file to the component? Appreciate ur help.

Asutosh_Jena_ · Accepted Answer

Hi @parthibanselvam

You can apply the classes to the RTE content and write CSS styles based on the classes that is applied on the RTE content which will be applied to the content on the page while rendering.

You can create the styles under the RTE component like below.

It will be applied as a <span> tag like below:

parthibanselvam · Answer

@asutosh_jena_ , is it possible to make a custom css file get applied to the RTE text inside the dialog box itself, i.e, the styles and other css effects are visible inside the RTE text box itself

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded