Question

默认情况下，所有文本区域在主css文件中都有一个固定的高度。我创建了一个jHTMLArea控件，当用户提供一个巨大的值时，我们需要通过调整JHTML iframe的大小来显示整个内容。目前，下面的代码给出了用户可以选择调整大小和查看数据，但我希望整个jHTMLtext区域根据内容高度自动调整大小。请帮助。

  $(document).ready(function () {
         $(".txtContentDesc").htmlarea({
             loaded: function () {
                 this.iframe[0].contentWindow.focus(); 
                 var elemId = $(this.textarea).attr("id");        

                 $(this.editor).blur(function (event) {
                     return captureJHtmlContentTextareaonchange(elemId);
                 });

             }            
         }).parent().resizable({ alsoResize: $('.jHtmlArea ').find('iframe') });
     });

Answer 1

在这里，我在iframe中获取内容的高度，并在加载jHTMLArea时更新它。

  $(".txtContentDesc").htmlarea({

        loaded: function () {

            var elemId = $(this.textarea).attr("id");              
            var height = $("#" + elemId + "").prev().find('iframe').contents().height();
            $("#" + elemId + "").prev().css("height", height + "px");            
            $("#" + elemId + "").prev().find('iframe').css("height", height + "px");
            $("#" + elemId + "").prev().find('iframe').height(height);
            $(this.editor).mouseleave(function (event) {
                return captureJHtmlContentTextareaonchange(elemId);
            })

        }
    });

如何根据内容高度

1 个答案: