Hello les people,
Je me renseignais sur les options applicables à l’inclusion des PDF dans une page web. Deux choses ne me convenait pas : l’affichage de la barre d’outil et du panneau latéral (résolu) et la nécessité de recharger tout le PDF chaque fois que l’on souhaite le faire passer à une autre section (je m’explique plus loin, parce que je ne suis pas clair là), et accessoirement, je reformule une question annexe que j’avais déjà posé ici, mais dans des termes moins claires.
Je ne suis pas fan du PDF, mais certains document n’existent que sous ce format, et je veux pouvoir les intégrer à des pages de la même manière que je pourrais y intégrer du contenu HTML (et les conversions PDF vers HTML présentent le plus souvent des résultats désastreux).
Pour la question de la barre d’outil et du panneau latéral, qui sont trop envahissant quand le PDF est intégré dans un espace pas très large, comme par exemple 800px de largeur, j’ai trouvé les options “toolbar=0” et “navpanes=0”, qui doivent être ajouté à l'URL du PDF, ce la manière suivante :
On peut même supprimer les barres de défilement avec “scrollbar=0”, mais là il faut être vraiment sûr(e) de son coup, et s’assurer que la hauteur de la vue correspondra à la hauteur de la page telle qu’affichée (ça ne m’intéresse pas, mais d’autres peut-être).
J'ai découvert ces options ici : Using the HTML embed Tag to Display a PDF on Your Web Page (blogs.adobe.com).
Ici vient ma première question : en bas de l'article, se trouve un lien “Update: See additional embed options in my newer post”, mais ce lien est KO. Quelqu’un(e) connait une autre source pour ces options additionnelles que je suis curieux de connaitre ?
La seconde question, est : comment sauter d’une section à une autre sans recharger le PDF ? Si par exemple j’intègre le PDF via un IFRAME, avec disons l'URL “test.pdf#page=10”, et que je modifie l'URL ensuite soit avec un lien disposant d’un attribut target soit via JavaScript, pour que cette URL devienne “test.pdf#page=36”, alors rien ne se passe, parce que le navigateur considère que seul l’ancre locale à changer, et comme c’est du PDF, ce qui n’est pas son domaine, il laisse le document en l’état. Je suis obligé de tricher soit en chargeant une page vide avant de recharger le PDF, soit en ajoutant un paramètre bidon qui ne représente pas une ancre locale, comme par exemple “test.pdf?page=36#page=36”, de manière à ce que le navigateur recharge et que le PDF soit bien positionné à la bonne page ou section. Mais ce rechargement de page m’ennuie, et j’aimerais que le PDF saute à la section ou à la page, sans être rechargé à chaque fois (ça occasionne un délais visible, et je n’aime pas ça, je voudrais que ce soit plus fluide).
La troisième question maintenant, qui ressemble à une que j’ai déjà posé ici, mais dans d’autres termes, et qui est associé à la précédente : comment peut-on faire un dump d’un fichier PDF, renvoyant toutes les ancres nommées contenu dans le PDF ? C’est pour connaitre les liens qu’il est possible de faire directement dans un PDF, en dehors des simples numéro de page et recherche de texte.
Pour finir, un truc que j’ai trouvé, mais que je n’ai pas encore essayé, qui pourra peut-être intéresser des gens ici : PDFObject embeds PDF files into HTML documents (pdfobject.com) ou pipwerks / PDFObject (github.com).
Je me renseignais sur les options applicables à l’inclusion des PDF dans une page web. Deux choses ne me convenait pas : l’affichage de la barre d’outil et du panneau latéral (résolu) et la nécessité de recharger tout le PDF chaque fois que l’on souhaite le faire passer à une autre section (je m’explique plus loin, parce que je ne suis pas clair là), et accessoirement, je reformule une question annexe que j’avais déjà posé ici, mais dans des termes moins claires.
Je ne suis pas fan du PDF, mais certains document n’existent que sous ce format, et je veux pouvoir les intégrer à des pages de la même manière que je pourrais y intégrer du contenu HTML (et les conversions PDF vers HTML présentent le plus souvent des résultats désastreux).
Pour la question de la barre d’outil et du panneau latéral, qui sont trop envahissant quand le PDF est intégré dans un espace pas très large, comme par exemple 800px de largeur, j’ai trouvé les options “toolbar=0” et “navpanes=0”, qui doivent être ajouté à l'URL du PDF, ce la manière suivante :
test.pdf#toolbar=0&navpanes=0On peut même supprimer les barres de défilement avec “scrollbar=0”, mais là il faut être vraiment sûr(e) de son coup, et s’assurer que la hauteur de la vue correspondra à la hauteur de la page telle qu’affichée (ça ne m’intéresse pas, mais d’autres peut-être).
J'ai découvert ces options ici : Using the HTML embed Tag to Display a PDF on Your Web Page (blogs.adobe.com).
Ici vient ma première question : en bas de l'article, se trouve un lien “Update: See additional embed options in my newer post”, mais ce lien est KO. Quelqu’un(e) connait une autre source pour ces options additionnelles que je suis curieux de connaitre ?
La seconde question, est : comment sauter d’une section à une autre sans recharger le PDF ? Si par exemple j’intègre le PDF via un IFRAME, avec disons l'URL “test.pdf#page=10”, et que je modifie l'URL ensuite soit avec un lien disposant d’un attribut target soit via JavaScript, pour que cette URL devienne “test.pdf#page=36”, alors rien ne se passe, parce que le navigateur considère que seul l’ancre locale à changer, et comme c’est du PDF, ce qui n’est pas son domaine, il laisse le document en l’état. Je suis obligé de tricher soit en chargeant une page vide avant de recharger le PDF, soit en ajoutant un paramètre bidon qui ne représente pas une ancre locale, comme par exemple “test.pdf?page=36#page=36”, de manière à ce que le navigateur recharge et que le PDF soit bien positionné à la bonne page ou section. Mais ce rechargement de page m’ennuie, et j’aimerais que le PDF saute à la section ou à la page, sans être rechargé à chaque fois (ça occasionne un délais visible, et je n’aime pas ça, je voudrais que ce soit plus fluide).
La troisième question maintenant, qui ressemble à une que j’ai déjà posé ici, mais dans d’autres termes, et qui est associé à la précédente : comment peut-on faire un dump d’un fichier PDF, renvoyant toutes les ancres nommées contenu dans le PDF ? C’est pour connaitre les liens qu’il est possible de faire directement dans un PDF, en dehors des simples numéro de page et recherche de texte.
Pour finir, un truc que j’ai trouvé, mais que je n’ai pas encore essayé, qui pourra peut-être intéresser des gens ici : PDFObject embeds PDF files into HTML documents (pdfobject.com) ou pipwerks / PDFObject (github.com).
).