Visualiser un PDF dans un article

Publié le : 13 juin 2018 – Dernière modification le 21 janvier 2022 – par RealET – 50 commentaires

1
2
3
4
5
11 votes

SoyezCréateurs utilise un modèle pour afficher un PDF dans le corps d’un article

Un peu d’histoire

Avant, les navigateurs n’incluaient pas de lecteur PDF nativement ce qui avait conduit à la création du plugin Lecteur pdf javascript pdf.js.

Mais, puisque les navigateurs modernes permettent désormais d’afficher nativement des PDF, pourquoi se priver de leurs services ?

C’est le but de ce modèle.

Usage du modèle d’insertion de PDF dans le texte

  1. joignez un PDF à un article
  2. insérez-le dans le texte de l’article avec 
    <embNNN|center>

Par défaut, la largeur sera de 100% et la hauteur de 600px.

Vous pouvez spécifier l’un et l’autre :

<embNNN|center|largeur=80%|hauteur=400px>

Précisez bien l’unité : px, %, em…

Discussion

5 ans 1 an 3 mois Sans limite
par date
Filtrer

Une discussion

  • 7
    André

    Bonjour
    Super ce plugin pour afficher un pdf dans un article
    Si le plugin fonctionne parfaitement sur un ordinateur, j’ai un problème d’affichage sur un terminal mobile
    En effet quand le PDf a plusieurs pages, impossible d’aller à la page 2
    Quelqu’un a déjà eu ce problème ?
    Merci par avance

    • Gérard

      Bonjour,

      Super plugin que j’ai découvert il y a quelques mois (spip 3.3.19, emb.pdf-v1.1.0 puis 1.1.1 .., mais effectivement si sur ordinateur (firefox ou safari) tout va bien, ce n’était pas le cas avec mon iphone 4 (12 d’âge et pas possible d’installer firefox à l’époque !) où le pdf n’affiche que la moitié gauche du document et qu’une seule page .. ! Il est vrai qu’avec l’âge de mon iphone je n’étais pas inquiet.
      Mais j’ai découvert chez un copain le week-end dernier, que ne s’affichait sur un xiaomi récent de premier prix que seul le titre du document s’affichait (heureusement je mets toujours un titre aux documents !), donc cadre blanc comme évoqué par André.

      Ma solution (comme pour le « plugin multimedias » à voir ici), dans le plugin « emb.pdf » ouvrir le dossier -> modeles -> et corriger emb_pdf.html, introduire le lien pour téléchargement du fichier, après le dernier /div et avant la fin de la BOUCLE_tous :

      </div> 

[<!--(#REM) Lien pour le telechargement du fichier -->]
<br /><img src="#CHEMIN{puce.gif}" class="left" />&nbsp;T&#233;l&#233;charger le fichier : <a href="#URL_DOCUMENT" title='#TYPE_DOCUMENT - [(#TAILLE|taille_en_octets|texte_backend)]'>#TITRE</a> - #TYPE_DOCUMENT - [(#TAILLE|taille_en_octets)]
<br />&nbsp;
<!--#Fin du lien de telechargement --> 

</BOUCLE_tous>

      Avec ce lien de téléchargement qui s’affiche automatiquement sous le pdf, qu’il s’affiche ou pas, normalement tous les navigateurs vont ouvrir ce pdf (c’est ce qui se passe avec mon iphone 4 avec chrome ou safari), et dans le cas de plusieurs pages .. elles s’affichent.
      Attention il faut absolument mettre un titre au document !
      Un exemple : ici avec 2 pages

      Pour moi, une solution à priori passe-partout.
      Cordialement ..

    • RealET

      Bonjour,

      En soi, c’est une bonne idée.
      Mais :

      • l’idéal serait de n’afficher ça que si le PDF n’était pas affiché
      • ou que ça soit désactivé par défaut et activable par configuration (un define dans mes_options.php) parce qu’il y a des squelettes qui listent les documents à télécharger en bas des articles...
    • RealET

      La version 1.2.0 du plugin devrait faire plaisir : https://git.spip.net/spip-contrib-extensions/emb_pdf/commit/8120d7cb :
      feat : ne pas afficher le PDF sur petit écran ni sur imprimante :
      2 raisons à cela :

    • Gérard

      Bonjour,

      Merci RealET pour ta nouvelle contribution, où tu fais un choix limitatif, tout dépend je pense du genre de site que l’on pilote.

      Or on peut s’apercevoir qu’aujourd’hui beaucoup de personnes utilisent leur smartphone (facture, ticket-facture, rapport quelconque, etc ..), donc pourquoi limiter cette possibilité d’autant que certains ont des écrans de grande taille ...

      Il est vrai aussi que certaines applications internet pour smartphone comme « Qwant » qui sert aussi de navigateur internet pour les téléphones portables, ne lisent pas (carré blanc) et ne téléchargent pas non plus les pdf (je précise, le lien de téléchargement fonctionne mais ils ne les transfèrent vers une autre application éventuelle ... Vérifié sur xiaomi récent et écran beaucoup plus large que le mien ..).

      Donc le choix du lien de téléchargement ou de limitation est un choix suivant le genre du site géré. Il est vrai qu’avec mon exemple très compliqué d’une page A4 sur trois colonnes (dans mon message précédent) n’était pas vraiment adapté, Il était surtout présent pour souligner le fait que l’on pouvait afficher 2 pages ou plus.
      Dans mon cas il s’agit surtout d’afficher des affiches, des rapports, des communiqués de presse la plupart du temps (ex : Communiqué de presse de l’Intersyndicale le 02/05/2023, qui sont presque lisibles sur un petit écran comme mon « iphone 4 (ios 7.1.2, - 51x76 mm) », au moins à l’horizontal .., mais surtout je peux aussi l’imprimer en A4 directement avec le téléphone ...

      En résumé, tout dépend du choix ou du genre du site géré.
      Un plus dans ce plugin serait qu’avec un bouton simple (ou des options choix) dans l’administration de celui-ci on puisse faire le/les choix voulu(s) .., comme ceci il serait possible de suivre l’évolution des versions sans se poser la question ou être obligé de mettre les mains dans la cambouis.

      Merci encore à RealET pour ta contribution.

    • RealET

      J’ai rien compris ;-)

      Sachant que sur mobile, l’affichage du PDf dans le texte n’est pas possible, et que j’ai fait afficher le lien avec l’icone PDF (le modèle par défaut de SPIP), j’ai un peu de mal à comprendre ce que tu reproches à ce que j’ai fait.

      Ou, autrement dit, qu’est-ce que tu aurais voulu de franchement différent ?

    • Gérard

      Je n’avais pas compris que le lien de téléchargement était toujours présent, mais à l’aide de l’icône PDF !
      Donc à priori, le pdf est téléchargeable sur le téléphone portable (quand ses applications le permettent !) et donc imprimable à partir de celui-ci.
      Du coup je suis désolé !..
      Je ferais un essai sur en local cet été, merci RealET.

    • Gérard

      Désolé, il semble que je n’ai pas compris ta correction !
      Je viens de faire un essai rapide :
      Tu as remplacé le lien de téléchargement par l’icône du document, donc celui-ci est téléchargeable par ce biais (ok), donc également imprimable (ok) à partir d’un téléphone portable.
      Personnellement je préfère le lien, je n’aime pas les icônes document .. mais les gouts et les couleurs .. ?!.

      Désolé donc, RealET, je n’avais pas compris du tout à travers ton message ta nouvelle évolution du plugin sans en avoir au préalable fait un essai. Merci encore ..

    Répondre à ce message

Ajouter un commentaire

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

Merci d’avance pour les personnes qui vous aideront !

Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.

Qui êtes-vous ?
[Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom