#javascript #html #css
Вопрос:
Я хочу автоматически увеличить размер области текста при печати. Я пытаюсь таким образом, но это не увеличивает размер:
var linha = ``; linha = `lt;textarea class="area2 dentro" rows="1" data-min-rows="1"gt;Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste lt;/textareagt;`; $("#retorc6").html(linha); document.getElementById("btnPrint1").onclick = function () { printElement(document.getElementById("printThis1")); } function printElement(elem) { var domClone = elem.cloneNode(true); var $printSection = document.getElementById("printSection"); if (!$printSection) { var $printSection = document.createElement("div"); $printSection.id = "printSection"; document.body.appendChild($printSection); } console.log($printSection); $printSection.innerHTML = ""; $printSection.appendChild(domClone); window.print(); }
@media screen { #printSection { display: none; } } @media print { body * { visibility:hidden; } #printSection, #printSection * { visibility:visible; } #printSection { position:absolute; left:0; top:0; } textarea { min-height: 900px; } }
lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"gt;lt;/scriptgt; lt;button type="button" class="btn btn-info show-side-btn escoprint" id="btnPrint1" data-show="show-side-navigation1" style="float:right;"gt;lt;i class="fa fa-print" aria-hidden="true"gt;lt;/igt;lt;/buttongt; lt;div id="printThis1" class="printThis1"gt; lt;form role="form" action="#!" id="retorc6"gt; lt;/formgt; lt;/divgt;
Но таким образом размер не соответствует тексту при печати. Цель состоит в том, чтобы при печати настроить область текста в соответствии с размером текста. Кто-нибудь может помочь?