Comment capturer un bloc de code au format PDF tout en préservant le style CSS dans un navigateur ?

Téléchargement du pré-élément en surbrillance au format PDF avec préservation CSS

Pour enregistrer un pré-élément au format PDF tout en préservant le style CSS, vous pouvez utiliser un méthode qui consiste à ouvrir une nouvelle fenêtre, à injecter le HTML et le CSS et à imprimer dans un fichier PDF.

Solution :

1. Ouvrez une nouvelle fenêtre et concentrez-vous it.
2. Ajoutez le HTML de l'élément pré et les styles CSS nécessaires au corps du document de la nouvelle fenêtre.
3. Appelez la méthode .focus() sur la nouvelle fenêtre.
4. Appelez la méthode .print() dans la nouvelle fenêtre.
5. Dans la boîte de dialogue d'impression du système, sélectionnez "Imprimer dans un fichier" et enregistrez le PDF.

Voici le code jQuery que vous pouvez utiliser :

$("#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();
});

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!