Я хочу иметь разрывную строку или две разрывные строки после текста в текстовой области, чтобы пользователь не нажимал «Enter» для новой строки, чтобы на печатной странице отображалась пустая строка
<html > <head> <!-- script print button --> <script type="text/javascript"> function printTextArea() { childWindow = window.open('','childWindow','location=yes, menubar=yes, toolbar=yes'); childWindow.document.open(); childWindow.document.write('<html><head></head><body dir="rtl">'); childWindow.document.write(document.getElementById('targetTextArea').value.replace(/\n/gi,'<br/>')); childWindow.document.write('</body></html>'); childWindow.print(); childWindow.document.close(); childWindow.close(); } </script> <style type="text/css"> textarea { direction: rtl; background-color: white; font-size: 1em; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; border: 1px solid #00acee; resize: none; } </style> </head> <body> <p> <TEXTAREA name="thetext" rows="20" cols="80"id="targetTextArea" placeholder="قم بنسخ و لصق الطلب لملأه و التعديل عليه و طباعته بالزر أسفله ......"> </TEXTAREA> </p> <!-- print button --> <center> <input type="button" onclick="printTextArea()" value="طباعة"/></center> </body> </html>
Это должно сработать. Если отступы не выглядят хорошо, попробуйте добавить поле.
@media print { textarea {padding-bottom:2cm;} }