0

デフォルトでは、メインの 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') });
     });
4

1 に答える 1

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);
            })

        }
    });
于 2016-07-08T11:36:06.453 に答える