PHP/Javascriptでのテキストの変更

Question

私はここで静かな複雑な質問です。 A アイデアは、PostIt-Generatorのように、ファイルから読み込んだテキストを修正して印刷することです。いくつかのフォーマットオプション（色、フォント、サイズ）でアヤックスからPHP文字列として.TXT-ファイル（実行される）

パステキストから

• 読むテキスト

• 押して「生成」で、テキストを変更そして私の知る限りが正常にドロップゾーンを経由してtxtファイルをロードすることができる午前サイズ（ポストイットサイズ76ミリメートルX 76ミリメートル）

    var f = file; 
        if (f) { 
         var reader = new FileReader(); 
         reader.onload = function (e) { 
          var contents = reader.result; 
          console.log(contents); 
          $('#filePreview').html(contents); 
          $('#filePrintPreview').html(contents); 
         }; 
         reader.readAsText(f); 
        } else { 
         alert("Failed to load file"); 
        } 
  

に従って、それを印刷します。そのコンテンツを取得し、プレビューdivの中に色とフォントを変更可能なプレーンテキストとして配置します。

ここでは、サイズ（76mmx76mm）のように、選択したサイズの「コンテナ」にプッシュする必要があります。ファイルのテキストが長すぎて、選択したフォントサイズが「コンテナ」に収まらない場合は、何らかの警告が表示されます。したがって、私はピクセルでフォントの高さを計算し、ピクセルサイズをミリメートルに変換する必要があると思います。 javascriptで達成するのが簡単な場合は、私はすべてオープンです。 提案がありますか？

をより見やすくするために、これは、入力フォームです：

Answer 1

あなたはCSSプロパティオーバーフローを使用する必要があります（私はあなたがオーバーフローを必要としますを非表示）あなたの「コンテナ」のために。そして、テキストはあなたの「コンテナ」に収まるかどうかを確認：

if (element.offsetHeight < element.scrollHeight || 
    element.offsetWidth < element.scrollWidth) { 
    // your element have overflow 
} else { 
    // your element doesn't have overflow 
} 

を

詳細については、この答えをご覧ください。Check with jquery if div has overflowing elements