Как увеличить размер выделенного окна в Tinymce?

Question

Я только что написал плагин tinymce, в котором есть выпадающий список.Я могу увеличить размер поля выбора, манипулируя файлом CSS расширенной темы (тема, которую я использую).Есть ли другой способ сделать это, не меняя CSS?Скажем, в функции кода JavaScript, который фактически создает поле выбора?

Редактировать: я установил свойство max_width при создании списка в функции createListBox.Но это только изменяет ширину элементов в раскрывающемся списке, но не сам раскрывающийся список: (

Answer 1

Вы должны более внимательно взглянуть на опцию конфигурации tinymce editor_css .Используя этот параметр, вы можете настроить файл CSS, который будет перезаписывать CSS по умолчанию для панели инструментов.Таким образом, вам не нужно ничего менять в ядре CSS.

Answer 2

раскрывающийся список tinymce создается внутренне, и это трудно сделать правильным способом, но вы всегда можете получить доступ к нужному элементу с помощью CSS, например:

div[id*='mceu_'].mce-container.mce-panel.mce-floatpanel.mce-menu.mce-animate.mce-fixed.mce-menu-align.mce-in div.mce-container-body.mce-stack-layout {
  max-height: 200px !important;
}

для меня это работает для всех раскрывающихся списков выбора внутри модальных оконкак link-plugin - уменьшить высоту выбранного блока списка.

Answer 3

Вы всегда можете изменить CSS, используя javascript:

document.getElementById("ATTRIBUTE_ID").style.width = "1000px";

См. Эту ссылку SOF для получения более подробной информации: Изменение класса элемента с помощью JavaScript