У меня есть HTML-страница с текстовой областью, которая оборачивает текст в новые строки при достижении ширины.
При печати этого текстового поля любой обернутый текст представляется в виде одной строки, которая усекается из-за ширины страницы.
Мне нужно предпочтительно исправить это, используя только javascript / html или css.
Я пытался использовать JavaScript
<code>function printTextArea() {
var val1 = document.getElementById("studentname").value;
var val2 = document.getElementById("centernumber").value;
var val3 = document.getElementById("examtitle").value;
if (val1 == "") {
val1 = "Not Set";
}
if (val2 == "") {
val2 = "Not Set";
}
if (val3 == "") {
val3 = "Not Set";
} else {}
childWindow = window.open('','childWindow','location=yes, menubar=yes, toolbar=yes');
childWindow.document.open();
childWindow.document.write('<html><title>'+val1 + " - " + val2 + " - " + val3 + " - " +today+'</title><head></head><body><div><pre>');
childWindow.document.write(document.getElementById('inputText').value.replace(/\n/gi,'<br>'));
childWindow.document.write(' ');
childWindow.print ();
childWindow.document.close ();
childWindow.close ();
}
Я попытался вывести значение textarea в div и даже в предварительный тег внутри div, но результаты всегда одинаковы, новые строки и возврат каретки сохраняются правильно