Wie man die Größe des JHTML-Textbereichs auf der Basis der Inhaltshöhe automatisch ändert

Question

Standardmäßig hat der gesamte Textbereich eine feste Höhe in der Hauptdatei css.Ich habe ein jHTMLArea-Steuerelement erstellt und wenn der Benutzer einen großen Wert liefert, müssen wir das Ganze anzeigen Inhalt, indem Sie den JHTML-iframe in der Größe ändern. Derzeit gibt der folgende Code dem Benutzer die Möglichkeit, die Größe zu ändern und die Daten anzusehen, aber ich möchte, dass der gesamte jHTMLtext-Bereich automatisch die Größe abhängig von der Höhe des Inhalts ändert. Freundlich helfen.

Answer 1

Hier nehme ich die Höhe des Inhalts in iframe und aktualisiere es beim Laden der 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); 
      }) 

     } 
    });