TinyMCE - положение внешней панели инструментов

Question

Я пытаюсь работать с TinyMCE над созданием многотекстового редактора графического контента типа click-to-edit. У меня есть TinyMCE до такой степени, что я могу добавить и удалить их, расположить и изменить их размер, щелкнуть, чтобы отредактировать их и т. Д., Но меня беспокоит одна вещь - это панель инструментов.

У меня есть внешняя панель инструментов, которую я пытаюсь расположить вдоль нижнего края страницы, а также кнопка «Сохранить и закрыть» и некоторые другие кнопки инструментов. Внешняя панель инструментов создается TinyMCE в DIV с классом "mceExternalToolbar". Я попытался установить атрибуты position: fixed и left: и top: в таблице стилей страницы, но безрезультатно - TinyMCE устанавливает position: absolute и top: -28px в DIV при создании.

Я не могу изменить исходный код для TinyMCE из-за ограничений проекта, но я могу дополнить его дополнительными файлами CSS.

Может ли кто-нибудь указать мне правильное направление, чтобы правильно расположить панель инструментов?

Answer 1

Селекторы CSS в предоставленных таблицах стилей переопределяют селекторы, которые вы пишете. Вам нужно либо нацелить элемент панели инструментов с помощью селектора большей специфичности:

body div.mceExternalToolbar {
    position: fixed ;
    top: -28px ;
};

Или используйте директиву !important, чтобы переопределить ее:

.mceExternalToolbar {
    position: fixed !important ;
    top: -28px !important ;
}

Подробнее о специфике селектора и !important см. документацию W3C .