Bagaimana untuk Menangkap Blok Kod sebagai PDF sambil Memelihara Penggayaan CSS dalam Penyemak Imbas?

Memuat turun Elemen Pra Diserlahkan sebagai PDF dengan Pemeliharaan CSS

Untuk menyimpan pra elemen sebagai PDF sambil mengekalkan penggayaan CSS, anda boleh menggunakan kaedah yang melibatkan membuka tetingkap baharu, menyuntik HTML dan CSS dan mencetak ke fail PDF.

Penyelesaian:

1. Buka tetingkap baharu dan fokus ia.
2. Tambahkan HTML pra elemen dan gaya CSS yang diperlukan pada badan dokumen tetingkap baharu.
3. Panggil kaedah .focus() pada tetingkap baharu.
4. Panggil kaedah .print() pada tetingkap baharu.
5. Dalam dialog cetakan sistem, pilih "Cetak ke fail" dan simpan PDF.

Berikut ialah kod jQuery yang boleh anda gunakan :

$("#save").click(function() {
  var text = $("#output")[0].outerHTML;
  var styles = $("style")[0].outerHTML;
  var popup = window.open("", "popup");
  popup.document.body.innerHTML = text + styles;
  popup.focus();
  popup.print();
});

Atas ialah kandungan terperinci Bagaimana untuk Menangkap Blok Kod sebagai PDF sambil Memelihara Penggayaan CSS dalam Penyemak Imbas?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!