Запретить применение CSS таблицы TinyMC, которая используется в том же компоненте Angular.CSS

Разбираемся в CSS
Ответить
Anonymous
 Запретить применение CSS таблицы TinyMC, которая используется в том же компоненте Angular.

Сообщение Anonymous »

У меня есть компонент с электронной таблицей и tinymc:

Код: Выделить всё

TinyMC control which is used in a library

Spreadsheet

Оба элемента управления используют глобальные стили из узловых модулей и CSS, связанный с электронными таблицами, которые я импортировал в дополнение.css следующим образом:

Код: Выделить всё

@import '@mescius/spread-sheets-designer/styles/gc.spread.sheets.designer.min.css';
@import '@mescius/spread-sheets/styles/gc.spread.sheets.excel2013white.css';
Проблема в том, что где-то/каким-то образом CSS, связанный с электронной таблицей, переопределяет таблицу tinymc. Я не могу изменить какой-либо стиль, поскольку на tinyMC есть ссылка из библиотеки. Как я могу решить эту проблему или избежать ее?
Я пробовал с помощью инкапсуляции изменений, ng:deep и т. д. - ничего не работает
Я удалил

Код: Выделить всё

@import '@mescius/spread-sheets-designer/styles/gc.spread.sheets.designer.min.css';
@import '@mescius/spread-sheets/styles/gc.spread.sheets.excel2013white.css';
из компонента.css. Но он по-прежнему имеет приоритет над некоторыми пакетами, связанными с электронными таблицами.
Я сомневаюсь в некоторых других пакетах зависимостей

Код: Выделить всё

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))
]
Но не уверен, какой стиль пакета/компонента переопределяется с помощью tinyMC

Подробнее здесь: https://stackoverflow.com/questions/797 ... -same-angu
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»