Técharger un bloc div sous pdf en javascript

Merci beaucoup !
Certains éléments s'affichent, mais pas les input et la mise en forme de ma page n'est pas prise en compte.
D'après mes recherches jsPDF() ne tient pas compte du css, et n'affiche que les textes.

Si vous avez d'autres alternatives à me proposer, je suis preneur.

Merci !

Bonjour.
Oui, le code actuel fonctionne. Seulement en dehors du print() , je dois également ajouter à l'évènement, la fonctionnalité télécharger. Une fois qu'on clique sur l'évènement, un pdf avec le div doit être téléchargé aussi.

Voici le html du bouton :

<button id="ImprimerFormulaire" data-dismiss="modal" type="button" Class="btn btn-default imprimer">Imprimer</button>

J'ai essayé avec jsPDF en suivant ce tutoriel : https://jsfiddle.net/user2314737/z437nxaq/
mais ça ne marche pas

Voici mon code jQuery

var docPDF = new jsPDF();
$("#FormulaireModal").on("click", "#ImprimerFormulaire", function (){
    var bloc_to_print = $("#FormulaireModal #modal-body-to-print");
    var nomFichier = $("#Nom").val() + ".pdf";
    var actifVal = $("#Actif").is(":checked") === true ? "OUI" : "NON"

    doc.fromHTML(
        "<h1>Formulaire</h1>" +
        "<h2 style='width: 100%; text-align: center;'>" + "Formulaire " + "</h2>" +
        "<div>" +
        "<p> Nom : " + $("#Nom").val() + " </p>" +
        "<p> Description : " + $("#Description").val() + " </p>" +
        "<p> Actif : " + actifVal + "</p>" +
        bloc_to_print +
        "</div>"
    );

    docPDF.save(nomFichier);
})

Et la librairie

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

Actuellement tu utilises le code

 doc.fromHTML(
        "<h1>Formulaire</h1>" +
        "<h2 style='width: 100%; text-align: center;'>" + "Formulaire " + "</h2>" +
        "<div>" +
        "<p> Nom : " + $("#Nom").val() + " </p>" +
        "<p> Description : " + $("#Description").val() + " </p>" +
        "<p> Actif : " + actifVal + "</p>" +
        bloc_to_print +
        "</div>"
    );

avec : bloc_to_print le contenu HTML d'en élément de ta page....

Par contre, si tu as dedans des input, des select, des boutons ... il faut, comme pour tes champs "nom", "description", "actifVal", récupérer leur contenu pour les insérer dans ce que tu veux imprimer...

La fonction "print" lance l'impression à travers le gestionnaire d'imprimante de l'ordinateur.

Pour générer le formulaire en PDF et le proposer au téléchargement, tu n'as pas d'autres choix que de générer le rendu toi même...

Si le formulaire est dynamique, il te suffit de boucler sur tous les éléments qu'il contient pour en récupérer le contenu..
par exemple :

$('input, select').each(
    function(index){  
        var input = $(this);
        alert('Type: ' + input.attr('type') + 'Name: ' + input.attr('name') + 'Value: ' + input.val());
    }
);

D'où l'exemple que je t'ai donné...( qu'il faut adapter bien entendu ) pour aller récupérer le CONTENU de tes inputs ( le "VALUE" ) pour l'inclure dans la STRING que tu envoies à ta lib..