Как распечатать страницу PDF с помощью свойства css?

avatar
YUVRAJ JWALA
8 августа 2021 в 19:50
190
1
0
function printDiv() {
   var divContents = document.getElementById("box2text").innerHTML;
   var a = window.open('', '', 'height=500, width=500');
   a.document.write('<html>');
   a.document.write('<body > <h1>Div contents are <br>');
   a.document.write(divContents);
   a.document.write('</body></html>');
   a.document.close();
   a.print();
}

Это HTML-код, который я использую

 <div class="box2" id="box2">
    <textarea name="box2text" id="box2text" cols="30" rows="10"></textarea>
 </div>
 <div class="button">
    <button onclick="printDiv()">PRINT</button>
 </div>

Этот текст только для печати Мне нужен текст со свойством css, таким как цвет

Источник
evolutionxbox
8 августа 2021 в 19:56
0

Попробуйте отредактировать вопрос вместо того, чтобы сбрасывать код в комментарий.

YUVRAJ JWALA
8 августа 2021 в 20:02
0

Теперь я изменился, сэр.

charlietfl
8 августа 2021 в 20:18
0

Вам нужен CSS для печати

Ответы (1)

avatar
amirify
8 августа 2021 в 20:30
0

Вы можете создать пустую html-страницу (print-page.html), с которой будет связан ваш css. и используйте следующий код, чтобы открыть его и вставить содержимое внутрь, а затем распечатать содержимое:

function printDiv() {
    var divContents = document.getElementById("box2text").innerHTML;
    const printWindow = window.open('print-page.html', '_blank', `width=${window.innerWidth},height=${window.innerHeight}`);
    printWindow.onload = function(){
        printWindow.document.body.innerHTML = divContents;
        printWindow.print();
    }
}
YUVRAJ JWALA
9 августа 2021 в 07:32
0

Если я хочу использовать разлинованную бумагу вместо чистой бумаги для печати PDF с использованием JavaScript, какова будет процедура?

amirify
9 августа 2021 в 07:57
0

@YUVRAJJWALA Я не думаю, что есть простой метод. Но опять же, вы можете использовать CSS, чтобы оформить свой контент как разлинованную бумагу, а затем распечатать его. Это статья codepen, которую я нашел для вас: codepen.io/ceg9498/post/creating-lined-paper