为什么我的TinyMCE隐藏文本区域表现正常？

Question

我textarea在网页上大约有7 秒,所有这些都是使用TinyMCE的富文本编辑器.但是在页面加载时,只有其中一个是可见的,其余的都是隐藏的.用户可以单击"显示"链接,该链接将逐个显示剩余的文本.

但是,我有一个奇怪的问题.所有textareas都设置如下:

<textarea cols="40" rows="20"></textarea>

但是,只有textarea页面加载显示的是我想要的完整大小.textarea当我展示它们时剩下的s真的很小.所以我想也许它们不会被渲染,因为它们隐藏在页面加载上.

我该如何解决这个问题？

Answer 1

尝试将一些CSS添加到隐藏的textareas中.

例如,使用

<textarea cols="40" rows="20" style="width: 40em; height: 20em"></textarea>

我想我碰到了这个,TinyMCE的CSS覆盖了一些默认的CSS行为.我最终不得不"重新覆盖"它,最终编辑了TinyMCE的css页面.

Answer 2

我认为这是一个MCE错误,或者至少是MCE缺乏的一个功能.

因为我想在CSS中设置输入框的样式,而不是HTML(yuck)我试过了

visibility: hidden;

代替

display: none;

一切都恢复了.

我相信后者会导致元素占用空间,从而使MCE代码跳起来检测元素的宽度和高度.