5

クライアントがユーザーに印刷できるようにしたい Web フォームがあります。CSS を使用した少しのスタイリングで問題なく動作しますが、いくつかのtextaearフィールドがあります。ユーザーがテキスト領域の高さを超えて入力すると、印刷時に文字が切り取られます。

印刷スタイルシートで試してみtextarea{height:100%;}ましたが、どちらも機能しません。textarea{height:auto;}

印刷専用バージョンのテキストのサイズに textarea フィールドのサイズを変更する方法はありますか? 可能であれば、印刷スタイルシートに挿入できる CSS ソリューションを希望します。これが不可能な場合は、JavaScript ソリューションが機能します。

スクリーンショットの比較:

画面と印刷

注: 印刷版だけに影響を与えることができない場合は、 JS を使用して、誰かが入力しているときに textarea フィールドのサイズを自動調整することを検討できます。

4

2 に答える 2

1

これは私にとってはうまくいきました（このJSとこのjQueryから適応）：

function resizeAndPrint() {   
    var _print = window.print;
    window.print = function() {
        $('textarea').each(function() {
            $(this).height($(this).prop('scrollHeight'));
        });
        _print();
    }
    window.print();
}
于 2017-08-02T04:27:14.683 に答える
0

この問題は、Firefoxブラウザーに存在します。

タグ間のテキストを印刷するには、html ファイルをchromeブラウザーで開いてください。の大きなテキストをtextarea印刷するためにスタイルやスクリプトを適用する必要はありません。textarea

手順:

  1. クロムブラウザでHTMLファイルを開きます。
  2. Ctrl + P をクリックします。
  3. [保存] ボタンをクリックします ( PDF 形式を選択 )。
  4. PDFファイルを開きます（textarea 余分なテキストが含まれている場合は2ページ目に移動するかどうかにかかわらず、すべてのテキストを表示します）
  5. 印刷ボタンをクリックします。
于 2016-09-30T12:16:01.350 に答える