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

发布于 2024-12-03 06:33:19 字数 214 浏览 1 评论 0原文

我刚刚写了一个tinymce插件,它有一个下拉框。我可以通过操作高级主题(我正在使用的主题)的 CSS 文件来增加选择框的大小。有没有其他方法可以在不改变 CSS 的情况下做到这一点?在实际创建选择框的 javascript 代码的函数中说?

编辑: 我在 createListBox 函数中创建列表框时确实设置了 max_width 属性。但它只改变下拉列表中元素的宽度,而不改变下拉列表本身:(

I just wrote a tinymce plugin, which has a drop down box. I can increase the size of the select box, by manipulating the CSS file of the advanced theme (the theme I am using). Is there any other way to do it, without changing the CSS? Say in the function of the javascript code that actually creates the select box?

Edit:
I did set the max_width property while creating the listbox, in the createListBox function. But it only changes the width of the elements in the dropdown, not the drop down itself :(

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

七颜 2024-12-10 06:33:19

您始终可以使用 javascript 更改 css:

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

有关更多详细信息,请参阅此 SOF 链接:更改使用 JavaScript 的元素类

You can always change the css using javascript:

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

See this SOF link for more details: Change an element's class with JavaScript

囍孤女 2024-12-10 06:33:19

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

You should have a closer look at the tinymce configuration option editor_css.
Using this setting you may configure a css file which will overwrite the default css for the toolbar stuff. This way you don't need to change anything of the core css.

清音悠歌 2024-12-10 06:33:19

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

对我来说,它适用于模态窗口内的所有下拉选择列表,例如链接插件 - 减少选择列表块的高度。

tinymce dropdown generates internally and it's hard to do this in right way, but you always can access the needed element by CSS like:

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

for me it works for all dropdown select lists inside modal windows like link-plugin - reduce height of select list block.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文