Prevent spread sheet CSS being applied a tinyMC table which is using in same Angular component

Discussão em 'Angular' iniciado por Ramesh Rajendran, Setembro 1, 2025.

  1. I have a component which is having spread sheet and tinmyc

    <div>
    TinyMC control which is used in a library
    </div>



    <div>
    Spread Sheet
    </div>


    Both controls are using global styles from node modules and spread sheet related CSS i have imported in complement.css like

    @import '@mescius/spread-sheets-designer/styles/gc.spread.sheets.designer.min.css';
    @import '@mescius/spread-sheets/styles/gc.spread.sheets.excel2013white.css';


    The problem is somewhere/somehow the spreadsheet related css are overriding tinymc table. I can't change any style as tinyMC referred from a library. So kindly help me to resolve this and how to avoid it?


    I have tried with by change encapsulation, ng:deep, etc nothing is working
    ​

    i have removed

    @import '@mescius/spread-sheets-designer/styles/gc.spread.sheets.designer.min.css';
    @import '@mescius/spread-sheets/styles/gc.spread.sheets.excel2013white.css';


    from compoenent.css. but still it's overriding from some spread sheet related package.

    I am doubting on some other dependency packages

    import('@mescius/spread-sheets-shapes').catch(e => console.warn('Failed to load shapes:', e)),
    import('@mescius/spread-sheets-charts').catch(e => console.warn('Failed to load charts:', e)),
    import('@mescius/spread-sheets-slicers').catch(e => console.warn('Failed to load slicers:', e)),
    import('@mescius/spread-sheets-print').catch(e => console.warn('Failed to load print:', e)),
    import('@mescius/spread-sheets-formula-panel').catch(e => console.warn('Failed to load formula-panel:', e)),
    import('@mescius/spread-sheets-barcode').catch(e => console.warn('Failed to load barcode:', e)),
    import('@mescius/spread-sheets-pdf').catch(e => console.warn('Failed to load pdf:', e)),
    import('@mescius/spread-sheets-tablesheet').catch(e => console.warn('Failed to load tablesheet:', e)),
    import('@mescius/spread-sheets-io').catch(e => console.warn('Failed to load io:', e))
    ]


    But not sure which package/component style is overriding with tinyMC

    Continue reading...

Compartilhe esta Página