我有一个设置在TextArea上的TinyMCE,我希望这个编辑器区域始终占据其父div的所有空间.
我有一个JS函数,它获取当前空间并将textarea.style.height设置为它,但是当我启用TinyMCE时,它似乎停止工作.
此外,textarea宽度:100%; 当它也使用TinyMCE时,它不会通过HTML呈现来调整大小.
有任何想法吗？
我正在从TinyMCE 3迁移到4.
但是,我正在坚持让TinyMCE填充其100%高度的容器(它确实适用于TinyMCE 3).
请注意这个小提琴:http://jsfiddle.net/MLJaN/
我使用下面的CSS尝试将iframe及其所有父项设置为100%-height.我同意它看起来并不理想,但我认为它应该以这种方式工作.
body, html, .mce-tinymce, .mce-edit-area.mce-container, iframe, .mce-container-body.mce-stack-layout
{
height: 100% !important;
}
正如您在实况小提琴中看到的那样,正好是工具栏的像素数量"太高":即它太高(工具栏的高度)是34px.
这有效,但它不会自动调整浏览器大小,它使用的calc()现在只支持79%左右:http://jsfiddle.net/MLJaN/2/
现在,我正在寻找一个纯CSS(无calc()函数)解决方案,使整个编辑器填充其容器并可流畅地调整大小.
任何指针都将非常感激.