Как изменить размер текстовой области JHTML на основе высоты содержимого

Question

По умолчанию вся текстовая область задана фиксированной высотой в основном файле css. Я создал элемент управления jHTMLArea, и когда пользователь предоставил огромное значение, нам нужно отобразить весь путем изменения размера iframe JHTML. В настоящее время приведенный ниже код дает пользователю возможность изменять размер и просматривать данные, но я хочу, чтобы вся область 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); 
      }) 

     } 
    });