SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

286 Plugins, 197 contribs sur SPIP-Zone, 204 visiteurs en ce moment

Accueil > Rédaction > Documents pour rédaction > Lecteur pdf javascript pdf.js > Lecteur pdf javascript pdf.js

Lecteur pdf javascript pdf.js

20 février 2012 – par erational, Joseph – 141 commentaires

42 votes

Ce plugin est basé sur le projet pdf.js qui permet une lecture en ligne des pdfs depuis le navigateur.

Ce plugin est expérimental et les contributions sur la zone sont les bienvenues.

Avantages

  • Open source
  • Ne requiert pas flash et donc compatible avec les smartphones
  • Aucune technologie tierce requise sur le serveur et donc compatible avec des hébergements mutualisés

Limitations

  • Basé sur Javascript/HTML5, le lecteur ne fonctionne que sur les navigateurs modernes : Internet explorer 9+, Firefox 4+ ?, Opera ? , Safari ? ...
  • Certains pdfs (polices non standards, trop lourd) ne passent pas bien.
  • Interface un peu lourde à charger

Utilisation

Sous SPIP 3

Une fois le plugin installé, utiliser le raccourci <emb23898> pour faire apparaitre le lecteur.

Il est aussi possible de préciser la taille du cadre <emb23898|largeur=800|hauteur=600>

On peut aussi utiliser le lecteur en mode plein écran via la page
spip.php?page=pdfjs&id_document=3

Sous 2.1

Une fois le plugin installé, au lieu d’insérer vos documents pdfs par le raccourci <doc23898>, utiliser le raccourci <lecteurpdf23898> pour faire apparaitre le lecteur [1].

Il est aussi possible de préciser la taille du cadre <lecteurpdf23898|largeur=800|hauteur=600>

On peut aussi utiliser le lecteur en mode pleine écran via la page
spip.php?page=pdfjs&id_document=3

Utilisation avec les modèles <media>

Cette section est valable uniquement si vous utiliser le plugin modèles media.

Une fois installé, pour inclure le document 12 dans un texte, il suffit d’utiliser le modèle <media12|embed> de manière classique. Tous les autres paramètres des modèles <media> (alignement, taille, legende...) peuvent être utilisés (voir la documentation des modèles media).

Cette syntaxe assure une pérennité des appels de modèles dans vos textes. Ainsi, si par la suite vous désactiver le plugin pdf.js pour utiliser un autre plugin étendant les modèles média pour les fichiers pdf (comme le plugin Google Viewer), le raccourci <media12|embed> sera pris en compte par cet autre plugin.

Il est également possible de « forcer » l’utilisation du lecteur pdf.js en utilisant la variante de modèle pdfjs. Par exemple : <media12|pdfjs>.

Apercus

Apercu du lecteur en mode normal

Apercu du lecteur avec le volet mode plan

Aperçu du lecteur inclu dans un article

Incompatibbilités

Le plugin ne fonctionne pas correctement avec Acces Restreint 3.0 lorsque l’option Interdire la lecture des documents joints est activée.

Note : à partir de la version 0.5.1, le plugin devrait être compatible avec la dernière version du plugin Accès Restreint, tant que les documents ne sont pas distants (il est donc nécessaire d’avoir une copie locale des PDFs affichés avec pdfjs). Cependant, l’interaction entre pdf.js et Accès restreint n’a pas encore été testée de manière approfondie et des bugs ne sont donc pas à exclure.

Voir en ligne : http://plugins.spip.net/pdfjs

Notes

[1Le raccourci <lecteurpdf23898> est aussi fonctionnel sous SPIP 3.

Dernière modification de cette page le 19 août 2016

Retour en haut de la page

Tout afficher

Vos commentaires

  • Le 19 août à 08:14, par beno En réponse à : Lecteur pdf javascript pdf.js

    Bonjour Joseph,

    Quel bonheur ce plugin que je découvre et qui fonctionne à merveille. Un petit bijou !
    Oui, je confirme, le plugin ne fonctionne pas avec Accès Restreint mal paramétré (SPIP 3.0.20 et dernières versions des plugins) .
    Dans mon cas, il me faudrait idéalement les 2, du coup, je me retrouve devant un choix Cornélien... Access Restreint ou Lecteur PDF ? Aille aille aille...
    A moins qu’il ne soit te possible d’éliminer cette incompatibilité, auquel cas « Massive respect ! » ;-)

    En tout cas, déjà un grand merci pour ce plugin que je m’en vais de ce pas intégrer à d’autres de mes petits sites !

    • Le 19 août à 12:35, par Joseph En réponse à : Lecteur pdf javascript pdf.js

      Vous voulez dire pouvoir utiliser le lecteur javascript lorsque l’option Interdire la lecture des documents joints est activée ?

    • Le 19 août à 12:43, par Joseph En réponse à : Lecteur pdf javascript pdf.js

      Vous avez un site de test avec les deux activés ? Je n’ai pas de configuration test sous la main.

      Qu’est-ce que vous obtenez ?

      Pourriez-vous essayer, dans le fichier pdfjs.html à la racine du plugin de remplacer [(#URL_DOCUMENT|copie_locale)] par [(#URL_DOCUMENT)], lignes 29 et 31 ?

      Est-ce que ca change quelque chose ?

    • Le 19 août à 13:38, par beno En réponse à : Lecteur pdf javascript pdf.js

      Bonsoir Joseph,
      Merci pour ta réponse aussi rapide qu’efficace. Je suis repassé en mode « interdire la lecture » et le PDF se génère correctement.
      Ta solution me semblerait à ajouter à l’avertissement sur la compatibilité avec Access Restreint situé dans le cœur du texte explicatif du plugin...
      Juste pour comprendre, à quoi peut servir d’utiliser une version en Cache d’un PDF ?
      En tout cas, merci, et... massive respect !

    • Le 19 août à 14:51, par beno En réponse à : Lecteur pdf javascript pdf.js

      Bonsoir Joseph,

      Mon message a disparu... oui, j’ai fait comme tu as dit, et ça marche au poil ! bravo, et Massive Respect !
      M’est avis que ce petit hack pourrait être ajouté au paragraphe sur le problème de compatibilité de ce plugin avec Access Restreint...

      Par curiosité je pourrais poser une question sur l’intérêt d’utiliser le Cache pour les PDF ?
      Merci encore !

    • Le 19 août à 15:09, par Joseph En réponse à : Lecteur pdf javascript pdf.js

      OK merci pour le retour. Je ferai une mise à jour un peu plus tard.

      De mémoire, le filtre copie_locale avait été ajouté car un bug était observé avec les fichiers distants. Du coup il faudrait probablement faire un test sur la balise #DISTANT pour couvrir les deux cas

    • Le 19 août à 15:55, par be,olaos En réponse à : Lecteur pdf javascript pdf.js

      bonsoir Joseph,

      Oui certainement, même si je ne comprends pas ce que ça implique en terme de développement ;-|
      A mon sens, Accès Restreint est une fonctionnalité suffisamment importante pour que cette incompatibilité soit documentée ; j’insiste d’ailleurs sur le fait d’écrire explicitement dans le tutoriel ta soluc’ car elle fonctionne et n’est pas difficile à implémenter. Et ça répond à une demande de confidentialité qu’on peut chercher à préserver, dans le cadre de certains sites.

      Merci encore pour tes réponses rapides et efficaces, et si je peux t’être utile dans d’autres tests... n’hésite pas.

    • Le 19 août à 17:41, par Joseph En réponse à : Lecteur pdf javascript pdf.js

      Je viens de mettre à jour le plugin. Merci de tester la version 0.5.1.

      Attention : normalement cela devrait fonctionner avec la toute dernière version de Accès Restreint mais sans garantie, des tests poussés étant nécessaires.

      La documentation a également été mise à jour.

      Cordialement

    • Le 20 août à 09:50, par beno En réponse à : Lecteur pdf javascript pdf.js

      Bonjour Joseph,
      Je viens d’essayer la nouvelle version du plugin (0.5.1), pour ma part ça ne semble pas fonctionner.

    • Le 20 août à 11:45, par Joseph En réponse à : Lecteur pdf javascript pdf.js

      Le cache a été vidé ?

      Le site est en ligne ? Exemple accessible ?

      Peux tu préciser les détails de ta configuration ?

    • Le 20 août à 15:17, par beno En réponse à : Lecteur pdf javascript pdf.js

      Bonsoir Joseph,
      Finalement, ça fonctionne très bien sur le site en ligne. Par contre, je confirme qu’en local, impossible de le faire fonctionner. Message : « Missing PDF ». Tests réalisés plusieurs fois avec caches vidés, puis activé, puis désactivé... franchement déroutant, mais certainement du à une erreur humaine ;-)
      Massive merci en tout cas, d’avoir répondu et résolu aussi rapidment à ce problème !

    Répondre à ce message

  • Le 25 février à 19:45, par Fred En réponse à : Lecteur pdf javascript pdf.js

    Bonjour,
    Ce plugin donne un affichage pour le moins exotique sur un de mes sites : http://www.ayn.fr/spip.php?article485&var_mode=preview
    Pourtant, sur un autre site de configuration identique qui me sert justement à tester les modifications avant de les appliquer sur le « vrai » site, tout va bien : http://territoireetpaysage.free.fr/spip.php?article37

    Et je n’ai pas la moindre idée du bout par lequel prendre la question...
    Une idée ?

    Répondre à ce message

  • Le 21 février à 16:54, par Renée Picard En réponse à : Lecteur pdf javascript pdf.js

    Je ne suis pas capable de transférer le plugin par FTP voici l’ereeur :
    Le chargement de pdfjs.zip a été annulé, car le fichier contient un virus : Zip.Suspect.MacroDoubleExtension-zippwd FOUND

    Répondre à ce message

  • Le 1er août 2015 à 08:36, par pgiron En réponse à : Lecteur pdf javascript pdf.js

    Bonjour,
    Le plugin ne marche plus dans la page http://internet22.catholique.fr/Creer-et-animer-un-site-paroissial alors qu’il marche avec le même code dans la page http://fonds-saintyves.fr/Saint-Yves-Enquete-de-canonisation
    Les deux sites sont en SPIP 3.0.20, Sarka-SPIP 3.4.5, plugin PDF.js 0.5.0
    Seul problème que je vois : j’ai utilisé à un moment donné le plugin Accès restreint 3.0 que j’ai désactivé ensuite sur internet22.
    Différence aussi : internet22 est mutualisé avec d(autres sites qui peuvent utiliser Accès Restreint alors que fonds-saintyves est indépendant.
    Est-ce suffisant pour que cela ne marche pas ? Y aurait-il une autre raison ?
    Le message obtenu est le suivant sur internet22 :

    PDF.js v1.1.3 (identifiant de compilation : 05991e9)
    Message : Unexpected server response (403) while retrieving PDF "http://internet22.catholique.fr/sites/internet22.catholique.fr/IMG/pdf/creer_et_gerer_web_paroissial_1411_lecteur.pdf".

    Merci d’avance !

    • Le 30 novembre 2015 à 16:45, par Suske En réponse à : Lecteur pdf javascript pdf.js

      You don’t have permission to access /sites/internet22.catholique.fr/IMG/pdf/creer_et_gerer_web_paroissial_1411_lecteur.pdf on this server.

      Tu as dû créer les fichiers .htaccess et .htpassword liés à l’usage avec accès restreint. Il faut les effacer (en ftp dans IMG je crois).

    Répondre à ce message

  • Le 15 juin 2015 à 23:15, par kent1 En réponse à : Lecteur pdf javascript pdf.js

    Je viens de mettre à jour la version de la lib dans http://zone.spip.org/trac/spip-zone/changeset/90280

    C’est un gros saut de version, on passe de la version 0.8.1017 à 1.1.3, à priori la dernière version stable d’après ​https://mozilla.github.io/pdf.js/getting_started/#download.

    Je poste ici pour recevoir les mails en cas de problème ;)

    Répondre à ce message

  • Le 15 mai 2015 à 14:18, par rcaron En réponse à : Lecteur pdf javascript pdf.js

    Bonjour,

    Problème avec le plugin depuis ce matin.

    Message d’erreur :

    « PDF.js v0.8.1017 (identifiant de compilation : 35f5a1e)
    Message : Unexpected server response (0) while retrieving PDF »http://adresse.com/IMG/pdf/paris_7941_le_18_05_2015_comite_14.pdf".

    J’ai la même chose sous Mozilla ou Explorer et j’ai aussi la même chose avec l’adresse citée plus haut (http://imagesetpeche.free.fr/?Affiche-les-PDF-directement)

    Que faire ? D’où ça vient ?

    Merci

    Robert

    • Le 15 mai 2015 à 14:31, par Maïeul En réponse à : Lecteur pdf javascript pdf.js

      merci d’éviter d’utiliser l’adresse xxx.com lorsque tu veux parler d’une url de démo. Ladite adresse pointe en effet sur un site pornographique, ce qui n’est pas vraiment le but de ton message.

      A priori, comme cela, je dirai qu’il faudrait vérifier si le PDF est encore dans le dossier IMG. On dirait que le JS n’arrive pas à le retrouver. Mais sans la vraie adresse du problème, difficile de répondre.

    • Le 15 mai 2015 à 14:53, par rcaron En réponse à : Lecteur pdf javascript pdf.js

      Pardon pour les « xxx » !

      J’ai trouvé. C’est Internet Download manager qui court-circuitait l’affichage de pdfjs. J’ai réglé dans IDM et tout marche.

      Merci.

      Robert

    Répondre à ce message

  • Le 28 mars 2015 à 11:15, par rcaron En réponse à : Lecteur pdf javascript pdf.js

    Taille d’affichage ?

    Comment se fait-il que lorsque je tente de régler hauteur et largeur pour que la page apparaisse en entier, ce réglage me donne des affichages différents et presque jamais satisfaisants (début de la page suivante, par exemple ou page tronquée...).

    merci

    Robert Caron

    Répondre à ce message

  • Le 25 février 2014 à 12:05, par Cerdic En réponse à : Lecteur pdf javascript pdf.js

    Hello,

    est-ce que le plugin ne pourrait pas proposer un modele emb_pdf.html qui prendrait en charge automatiquement sous SPIP 3 l’affichage des PDF avec le raccourci <emb123> ?
    Car c’est bien de cela qu’il s’agit : d’une vue embeded du document dans la page.
    En plus ça permet de ne pas casser le site si on desactive le plugin, on retombe sur le modele <emb> par défaut…

    • Le 25 février 2014 à 12:18, par Joseph En réponse à : Lecteur pdf javascript pdf.js

      En effet, j’avais loupé la révision 54774 qui permet de fournir un modèle emb juste pour une extension (avant on devait surcharger tout le mime type ou rien).

      Du coup, je ne vois pas pour ma part de souci à l’ajout d’un modèle emb_pdf.html Je ne sais pas ce qu’en pense Erational (c’ets lui qui historiquement avait fait un modèle lecteurpdf).

    • Le 9 décembre 2014 à 00:08, par Thomas En réponse à : Lecteur pdf javascript pdf.js

      Je me permets de réanimer cette discussion. Le modèle emb_pdf.html n’a toujours été ajouté au plugin. Est-il possible de le faire ?

    • Le 14 décembre 2014 à 18:16, par Joseph En réponse à : Lecteur pdf javascript pdf.js

      Le plugin a été mis à jour. Il est maintenant possible de faire <emb123>.

      Cordialement

    • Le 14 décembre 2014 à 18:21, par Thomas En réponse à : Lecteur pdf javascript pdf.js

      Excellente nouvelle ! Merci beaucoup :)

    Répondre à ce message

  • Le 1er septembre 2014 à 12:05, par Patrocle En réponse à : Lecteur pdf javascript pdf.js

    Bonjour à tous,

    j’aime bien ce plugin, il correspond à mes attentes mais contrairement à l’image montrée ci-dessus (dans les aperçus), je n’ai pas la petite icone pour mettre le lecteur en « full screen » (l’icône à côté du « download » sur la droite du lecteur.)

    Comment dois je faire pour rajouter l’icone afin de passer mon lecteur en plein écran ?

    • Le 1er septembre 2014 à 12:53, par Joseph En réponse à : Lecteur pdf javascript pdf.js

      Il semble que cette icône se désactive toute seule quand le lecteur est incrusté dans une iframe. Il faudrait creuser du côté du script pdf.js.

    • Le 9 septembre 2014 à 21:32, par Patrocle En réponse à : Lecteur pdf javascript pdf.js

      merci pour la réponse

    Répondre à ce message

  • Le 24 mars 2014 à 11:20, par pgiron En réponse à : Lecteur pdf javascript pdf.js

    Bonjour,
    A la lecture d’un fichier PDF avec ce plugin je me retrouve avec ce message

    PDF.js v0.8.1017 (identifiant de compilation : 35f5a1e)
    Message : Unexpected server response (403) while retrieving PDF "http://internet22.catholique.fr/sites/internet22.catholique.fr/IMG/pdf/creer_et_gerer_web_paroissial_1301_lecteur.pdf".

    alors qu’il y a quelques semaines je le lisais sans problème.
    Le lien :
    http://internet22.catholique.fr/Creer-et-animer-un-site-paroissial.
    J’aurai fait une bêtise quelque part ?
    Merci d’avance !

    Répondre à ce message

Répondre à cet article

Qui êtes-vous ?

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 Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Mailsubscribers

    16 janvier 2013 – 257 commentaires

    Ce plugin permet de gérer les inscriptions (ou abonnements) à la diffusion de contenu par email. Mailsubscribers permet de gérer les inscriptions par Opt-in simple ou double et la désinscription par URL. Ce plugin gère également plusieurs listes (...)

  • Plugin Bank

    12 juin 2015 – 42 commentaires

    Le plugin Bank prend en charge l’interface technique de paiement avec de nombreux prestataires de paiement par Carte Bleue, SEPA… Il prend également en charge la conservation de l’historique des transactions de paiement et de leur état et offre une (...)

  • Formidable, le générateur de formulaires

    23 janvier 2012 – 1968 commentaires

    Un générateur de formulaires facilement configurable pour les non-informaticiens et facilement extensible pour les développeurs. Introduction L’objectif était de créer un plugin permettant de générer des formulaires. Historiquement, 2 plugins (...)

  • Notation d’éléments SPIP

    25 juillet 2008 – 351 commentaires

    Ce plugin propose un système de notation des éléments de SPIP depuis l’espace public.

  • Formulaire de contact avancé

    23 mars 2009 – 1368 commentaires

    Un formulaire de contact configurable, avec de multiples options.