divymのコンテンツを最大の高さのフレキシブルで表示する

Question

tinymceのようなエディタを使用している場合、ユーザーが入力するテキストの高さを制限して、Webページのスペースをそれ以上使用しないようにするにはどうすればよいですか？

私はいくつかのアドバイスをしたい2つのことがあります。エディタで

： は、ユーザーがTinyMCEをエディタでテキストを入力し、彼はサイズをフォントにテキストを設定することができ、最大使用する80pxていると言います通常の手紙よりも多くのスペース。だから、それは私が気にするテキストの量ではなく、合計の高さです。

ウェブページ内： 私はそれらのページに200px相当のテキスト以上のものを与えたくありません。しかし、小さなフォントサイズのテキストを1行だけ入力すると、200ピクセルのスペースを表示したくありません。したがって、高さは柔軟である必要がありますが、最大限にしてください。

これは正確な科学ではありませんが、ここでの目標はユーザーがページを台無しにするのを防ぐことです。

Answer 1

同様の問題を解決するために、私は以下の関数を書きました（独自のtinymceプラグインの中に置かれています）。最大の場合の変数を追加して少し微調整する必要がありますが、このコードが正しい方向に向けることを願っています。

// this function will adjust the editors iframe height to fit in the editors content perfectly 
    resizeIframe: function(editor) { 
     var frameid = frameid ? frameid :editor.id+'_ifr'; 
     var currentfr=document.getElementById(frameid); 

     if (currentfr && !window.opera){ 
      currentfr.style.display="block"; 
      if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) { //ns6 syntax 
       currentfr.height = currentfr.contentDocument.body.offsetHeight + 26; 
      } 
      else if (currentfr.Document && currentfr.Document.body.scrollHeight) { //ie5+ syntax 
        currentfr.height = currentfr.Document.body.scrollHeight; 
      } 
      styles = currentfr.getAttribute('style').split(';'); 
      for (var i=0; i<styles.length; i++) { 
       if (styles[i].search('height:') ==1){ 
        styles.splice(i,1); 
        break; 
       } 
      }; 
      currentfr.setAttribute('style', styles.join(';')); 
     } 
    },