如何在Tinymce中增加选择框的大小？

Question

我刚写了一个tinymce插件，它有一个下拉框。我可以通过操纵高级主题的CSS文件（我正在使用的主题）来增加选择框的大小。有没有其他方法可以做到这一点，而无需更改CSS？说实际创建选择框的javascript代码的功能？

编辑： 我在createListBox函数中创建了listbox时设置了max_width属性。但它只会改变下拉列表中元素的宽度，而不是下拉本身：（

Answer 1

您可以随时使用javascript更改css：

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

有关详细信息，请参阅此SOF链接：Change an element's class with JavaScript

Answer 2

您应该仔细查看tinymce配置选项editor_css。 使用此设置，您可以配置一个css文件，该文件将覆盖工具栏内容的默认css。这样您就不需要更改核心css的任何内容。

Answer 3

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;
}

对我来说，它适用于模式窗口（如链接插件）中的所有下拉选择列表-减小选择列表块的高度。