Как отправить на печать тэги textarea?

Question

[leni_m]

На сайте пользователь может внести данные в teaxtarea и нажать кнопочку "распечатать" onclick="print();" Есть одна проблемка на печати блоки становятся меньше по ширине, и текст не влезает полностью по высоте.

Comments

[napa3um]

https://habrahabr.ru/post/160997/

[leni_m]

napa3um: ну смотрите у меня идет 6 блоков подряд, их ширины: 10%, 60%,10%, 10%, 10%, 10%.
У меня уже есть css для печати, незнаю может я как-то неправильно написал изначально...
В screen версии в блок который по ширине 60% влезает скажем "Уася идёт на рыбалку в такую погоду".
В версии для печати в блок с таким же стилем(60%) помещается только "Уася идёт на рыбалку"
а " в такую погоду" уходит на следующую строчку и не помещается по высоте, и видны только рожки от букв.

[napa3um]

leni_m: вместо объяснений на пальцах лучше потрудиться привести пример на каком-нибудь cssdeck.com/labs и начинать бороться с конкретными проблемами, а не ванговать, что там и как у вас.

[leni_m]

napa3um: просто задать разные высоты я не могу, т.к. высота textarea определяется с помощью js, в зависимости от кол-ва текста.

[napa3um]

leni_m: попробуйте ещё как-нибудь.

[leni_m]

napa3um:
Вот помещается по три слова

А на печати по 2

[napa3um]

leni_m: и что нужно уменьшить, чтобы влезало по три?

[leni_m]

napa3um: еслиб я знал, не суетился бы тут)

[leni_m]

napa3um: может можно пропорционально отображать при печати?

[napa3um]

leni_m: ну слова не влазят, слова состоят из букв, буквы пишутся шрифтом, а это значит...

[leni_m]

napa3um: не спорю можно подобрать шрифт, чтобы отображалось нормально на А4, и впринципе мне больше и не надо, но на других форматах, ширина блока меняется, и соответственно меняется и кол-во символов в одной строке

[napa3um]

leni_m: лучше таки определиться, что в итоге-то хочется, чтобы можно было обсуждать, что не получается. Хочется фиксированный размер блоков? Хочется фиксированный размер шрифтов? Хочется растягивать равномерно на страницу? Или чо?

[napa3um]

leni_m: но ведь экран и бумага разных размеров и соотношений ширины к высоте, так что "также" точно не получится.

[leni_m]

napa3um: ну либо увеличивать высоту блока, чтобы все влезало. Либо брать html относительно экрана, и пропорционально помещать на бумагу

[leni_m]

napa3um: понял свою ошибку, у textarea width: в процентах было, надо было фиксированное значение поставить

[napa3um]

leni_m: ну вот теперь уже можно начать формулировать конкретные вопросы типа "как мне задать в CSS размер элемента относительно размера экрана/бумаги", например.

Answer 1

[Paladin_rrr]

Не печатайте поля как есть, а сделайте скрытый div и текст передавайте в него - и при печати поля формы невидимые, а div - видимые делайте - с помощью CSS (смотрите - media Print и media Screen)