我正在使用Jquery TinyMCE(TinyMCE 3.4.3.1 jQuery包),我想自动调整编辑器的大小。为此我使用autoresize插件(插件:“autoresize”...)。我的问题是我的左侧面板有一个div,并且右边的div中加载了tinymce。调整大小后,我还需要调整这两个div的高度。我试过这个
var resize_template_layout = function(){
if ( parseInt(textarea_h) >0 ) {
var maindiv_h = parseInt($("div[rel=resizeMain]").css("height"));
var tmce_h = parseInt($("#content_msg_tbl").attr("offsetHeight"));
alert("textarea="+textarea_h+"\nmaindiv="+maindiv_h+"\ntmce="+tmce_h);
h1 = parseInt(maindiv_h - tmce_h);
h2 = parseInt((tmce_h - textarea_h))-h1;
$("div[rel=resizeMain]").css("height",(maindiv_h+h2)+'px');
$("div[rel=resize]").each(function(){
var h_whiteDiv = parseInt($(this).css("height"));
$(this).css("height",(h2+h_whiteDiv)+'px');
});
}}
只有在完成所有事情并完成页面加载,点击事件或firefox控制台后才能调用它。但是,如果我把它放在onInit中,它就行不通。 textarea_h是首次显示的textarea,并且有WYSWYG链接显示tinymce,因此用户可以在textraea和tinymce之间切换。
我想要做的是,当我显示出来时,我得到了编辑器的高度,我调整了div的高度,当我切换回textarea时,我恢复到之前的高度。这可能吗?