tinymce iframe 高度答案

【问题标题】：tinymce iframe heighttinymce iframe 高度
【发布时间】：2012-12-05 00:38:58
【问题描述】：

我正在使用 tinyMCE，页面上有 100 多个 texarea。初始化后创建的iframe，min-width=62px，即使里面只有一行。我可以以某种方式降低这个值吗？

第二个问题，在 Iframe 里面有一个 HTML 页面，body style="padding-bottom:50px"。是否可以减少它，否则 textarea 会占很多位置：/

提前致谢。

【问题讨论】：

【解决方案1】：

tinyMCE.init({
   ...
   autoresize_bottom_margin : 10,       
   theme : 'advanced',
   plugins : 'autoresize',
   ...
});

【讨论】：

【解决方案2】：

是的，这是可能的。这里是：

tinyMCE.init({
   ...
   setup : function(ed) {
      ed.onInit.add(function(ed, evt) {

          var new_val = '30px';

          // adjust table element
          var elem = document.getElementById(ed.id + '_tbl');
          elem.style.height = new_val;

          // adjust iframe element
          var iframe = document.getElementById(ed.id + '_ifr');
          iframe.style.height = new_val;
      });
   }
});

【讨论】：

嗨，塔里亚马。感谢您的回复。我已将 console.log(iframe.style.height) 放在您的代码之后。它在控制台中显示 30px，但区域本身是 62px。似乎它在 oninit 函数之后改变了高度。好的，即使它正在工作，这 30 px 也只会在初始化时才会出现，稍后在更改文本时它会变得更大，因为我在问题中描述了 padding-bottom。