SPIP-Contrib

SPIP-Contrib

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

289 Plugins, 197 contribs sur SPIP-Zone, 80 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 – 172 commentaires

47 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 : https://plugins.spip.net/pdfjs

Notes

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

Dernière modification de cette page le 6 novembre 2017

Retour en haut de la page

Tout afficher

Vos commentaires

  • Le 19 novembre 2017 à 17:35, par baloo En réponse à : Lecteur pdf javascript pdf.js

    est-ce que cela peut fonctionner si on regarde le site depuis un mobile ?
    merci

    Répondre à ce message

  • Le 31 octobre 2017 à 18:09, par yann45 En réponse à : Lecteur pdf javascript pdf.js

    Bonjour,
    Je suis sous spip 3.2, j’ai installé le lecteur mais en insérant le raccourci dans un article je ne vois pas comment afficher le lecteur et surtout afficher un fichier pdf.
    J’ai dû rater un épisode... comment faiton le lien avec le fichier pdf qu’on veut afficher ?
    Merci
    Yann

    • Le 2 novembre 2017 à 09:09, par yann45 En réponse à : Lecteur pdf javascript pdf.js

      Résolu. J’ai trouvé.

    • Le 2 novembre 2017 à 09:12, par yann45 En réponse à : Lecteur pdf javascript pdf.js

      Je me réponds. Résolu.

    • Le 3 décembre 2017 à 20:01, par rhyss En réponse à : Lecteur pdf javascript pdf.js

      Bonjour, ce qui serait sympa, c’est de dire comment vous avez trouvé... je m’apprêtais à poser la même question... et je n’ai pas trouvé la réponse ;-)

    • Le 3 décembre 2017 à 20:22, par yann45 En réponse à : Lecteur pdf javascript pdf.js

      Bonsoir,
      En fait je n’avais pas bien saisi la façon d’insérer le raccourci <lecteurpdf23898>. Il suffit de remplacer 23898 par le numéro du document pdf téléversé.

    • Le 3 décembre 2017 à 22:35, par rhyss En réponse à : Lecteur pdf javascript pdf.js

      Ah ok, merci, yann45 pour cette réponse rapide.
      Maintenant, j’ai effectivement le lecteur, mais bien que j’aie téléversé mon fichier pdf (qui est donc dans le colonne à gauche de mon article, interface rédacteur) j’ai un message me disant que le document est manquant ! J’ai mis dans mon article simplement < emb 290 > (sans espace ! Espaces mis ici pour « casser » le code !) ce qui correspond au N° du fichier pdf qui est sur le côté. Mais y a-t-il autre chose à faire ?

    • Le 4 décembre 2017 à 08:55, par yann45 En réponse à : Lecteur pdf javascript pdf.js

      Normalement, il n’y a rien d’autre à faire. Je viens de tester à nouveau et tout fonctionne.

    • Le 13 décembre 2017 à 22:21, par rhyss En réponse à : Lecteur pdf javascript pdf.js

      Bonjour,
      Malheureusement quand je fais ça, j’ai le même message que pgiron ci-dessous : j’ai le lecteur mais on me dit que le fichier est manquant alors que je l’ai téléversé et qu’il est dans la colonne de gauche de mon article ! Comment faire pour qu’il soit reconnu ?

    • Le 14 décembre 2017 à 08:53, par yann45 En réponse à : Lecteur pdf javascript pdf.js

      Quelle version SPIP ? PHP ? Quel navigateur ? Une copie d’écran de votre espace espace privé avec l’article, le fichier téléversé à gauche et le raccourci que vous insérez.

    • Le 14 décembre 2017 à 23:19, par rhyss En réponse à : Lecteur pdf javascript pdf.js

      Bonjour,
      La version de spip est 3.2, celle du PHP 5.4.45.
      J’ai essayé plusieurs des codes proposés.
      Ci joints 2 fichiers : L’un du message d’erreur que j’obtiens avec le code <media341|pdfjs> ;
      L’autre avec le code

      Dans les 2 cas l’affichage est le même que celui de pgiron : fichier manquant.

    • Le 14 décembre 2017 à 23:24, par rhyss En réponse à : Lecteur pdf javascript pdf.js

      voici le deuxième fichier annoncé

    • Le 15 décembre 2017 à 10:38, par yann45 En réponse à : Lecteur pdf javascript pdf.js

      Quel navigateur utilisez-vous ? Je ne vois pas bien où se situe le problème. Il y a peut-être incompatibilité avec un autre plugin. Dans l’espace privé, lorsqu’on clique sur voir, le lecteur n’apparaît pas, par contre sur le site en ligne le lecteur apparaît bien pour ce qui me concerne en tout cas.

    • Le 15 décembre 2017 à 20:01, par rhyss En réponse à : Lecteur pdf javascript pdf.js

      En ligne, j’ai comme pgiron, un « tableau noir » avec un ligne rouge « fichier manquant » mais pas d’autre message d’erreur.

    • Le 15 décembre 2017 à 20:41, par yann45 En réponse à : Lecteur pdf javascript pdf.js

      En dehors d’une incompatibilité entre plugins, une extension manquante du navigateur ou des paramètres trop restrictifs de votre navigateur, je ne vois pas. Avez-vous un exemple en ligne sur votre site ? et quelle est l’url de votre site ?

    • Le 16 décembre 2017 à 10:35, par rhyss En réponse à : Lecteur pdf javascript pdf.js

      Bonjour,
      Le test est à cette page : http://www.loeilepleumien.fr/?essai-pour-pdf

      C’est ce qui correspond à la copie d’écran ci-dessus.
      Mon navigateur habituel est Firefox. Mais j’ai essayé avec Edge. C’est pareil.
      Cordialement

    • Le 17 décembre 2017 à 23:56, par rhyss En réponse à : Lecteur pdf javascript pdf.js

      Bonjour,
      Ça y est, ça fonctionne ! Assez curieusement, nous avons installé puis activé accès restreint... et depuis les pdf s’affichent. SUPER !
      SUPER aussi les boutons qui permettent d’afficher le sommaire, de faire un zoom etc. Ça me parait très complet. Grand merci aux concepteurs !

      Par contre, j’ai été surprise quand, en cliquant sur « ouvrir le fichier » je me suis retrouvée dans les fichiers de mon ordinateur ! J’ai pu ouvrir un de mes pdf dans le lecteur sur le site. C’est tout de même un peu surprenant... et ceci, même sans être connecté en tant qu’administrateur.
      C’est normal, docteur ?
      .
      Bon... je n’ai pas vu de moyen de changer le fichier qui était en ligne par l’un des miens, mais je n’ai pas non plus cherché à le faire.

      Merci de votre aide

      Cordialement

    Répondre à ce message

  • Le 3 janvier à 10:08, par Roland En réponse à : Lecteur pdf javascript pdf.js

    Bonjour,
    Après l’ajout récent (décembre 2017) de ce plugin, sur la page d’accueil du site que je gère pour une association, s’affichait <![endif]--> juste avant le résumé éventuel. En remontant la trace, j’ai localisé le problème d’affichage dans les fichiers du plugin, plus précisément dans modeles/lecteurpdf.html. C’est la ligne 25 (la dernière) qui est passée en commentaire (problème de « pinceaux emmêlés » entre les ouvertures et fermetures de balises). J’ai supprimé la ligne qui m’a semblé inutile : solution radicale mais le message parasite ne s’affiche plus sur la page d’accueil.
    Peut-être à corriger sur la version en téléchargement.

    Répondre à ce message

  • Le 2 novembre 2017 à 11:46, par liberte En réponse à : Lecteur pdf javascript pdf.js

    Bonjour,
    Comment obtenir Lecteur pdf javascript pdf.js ?

    Je ne le trouve pas dans la gestion des plugins.

    • Le 2 novembre 2017 à 11:48, par Maïeul En réponse à : Lecteur pdf javascript pdf.js

      Qulle version de SPIP ? trouvez vous d’autres plugins ?

    • Le 4 novembre 2017 à 11:32, par liberté En réponse à : Lecteur pdf javascript pdf.js

      Desole pour la fausse alerte. C’etait une mauvaise manipulation de ma part. Je l’ai bien trouve et installe.

    Répondre à ce message

  • Le 14 octobre 2017 à 16:34, par pgiron En réponse à : Lecteur pdf javascript pdf.js

    Bonjour,
    quelle est la taille maximale pour afficher correctement un PDF avec PDF.js ? Je suis sn SPIP 3.1.6 (oui je sais ;-) ...), et la dernière version de PDF.js 0.6.3
    Deux fichiers (issus de LivreOffice Impress et convertis en PDF par le logiciel) de 1,4 Mo et 700 Ko ne veulent pas s’afficher.

    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

    • Le 12 décembre 2016 à 22:13, par Sorensen En réponse à : Lecteur pdf javascript pdf.js

      Excellent plugin, dommage que la fonction plein écran ne soit pas visible. Joseph, tu avais dit plus bas https://contrib.spip.net/Lecteur-pd... que l’icône se désactive toute seule quand le lecteur est incrusté dans un iframe. Ce n’est pas le cas chez moi (le lecteur est appelé par une balise embed comme indiqué), mon site est sous Spipr. j’ai vu le lecteur sur un autre site (sous WordPress) en responsive également, la fonction plein écran apparaît (voir capture ci-dessous).

      Si quelqu’un a une idée, je suis preneur.

    • Le 3 janvier 2017 à 11:28, par Joseph En réponse à : Lecteur pdf javascript pdf.js

      Peut-être en mettant à jour le plugin avec la dernière version de pdf.js ?

    • Le 26 juin 2017 à 09:59, par kent1 En réponse à : Lecteur pdf javascript pdf.js

      La version 0.6.2 publiée ce matin devrait permettre l’ouverture en plein écran, il manquait allowfullscreen sur les appels de iframe pour le permettre

    Répondre à ce message

  • Le 26 mars 2017 à 18:29, par spipfactory.com En réponse à : Lecteur pdf javascript pdf.js

    Pour info après changement des bornes

    compatibilite=« [3.0.0 ;3.2.*] »

    RAS

    Répondre à ce message

  • Le 21 janvier 2017 à 15:45, par pgiron En réponse à : Lecteur pdf javascript pdf.js

    Bonjour,
    Je note un pb récent (changement d’hébergeur ???) un document ( un pdf, n°614) s’ouvre et s’affiche bien quand on clique dessus mais n’a pas l’air d’exister avec pdf.js
    Le lien où on voit cela : http://internet22.catholique.fr/Creer-et-animer-un-site-paroissial
    le documente est le PDF joint à l’article. J’ai vérifié qu’il n’y avait pas d’erreur de numéro.
    Merci d’avance !

    • Le 21 janvier 2017 à 15:48, par pgiron En réponse à : Lecteur pdf javascript pdf.js

      Je reviens un peu sur ce sue j’ai dit : le document joint en bas de l’article est le 612. mais le 614 s’ouvre bien dans l’interface privée (mais pas dans pdf.js même en privé).

    Répondre à ce message

  • Le 15 octobre 2016 à 19:45, par mmmx En réponse à : Lecteur pdf javascript pdf.js

    Bonjour
    je suis sur spip 2.1 et v 0.5.1 du plugin avec le dernier version du Access Restreint
    Sur le site en ligne Message : « Missing PDF
    PDF.js v0.8.1017 (build : 35f5a1e)
    Messaggio : Missing PDF ... »

    Sorry for my francais.
    Any idea ?

    Répondre à ce message

  • Le 19 août 2016 à 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 2016 à 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 2016 à 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 2016 à 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 2016 à 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 2016 à 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 2016 à 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 2016 à 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 2016 à 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 2016 à 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 2016 à 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

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

  • ScolaSPIP 4

    19 janvier 2016 – 292 commentaires

    ScolaSPIP est plugin-squelette responsive personnalisable pour sites Web d’établissements scolaires basé sur SPIPr Présentation de ScolaSPIP Ce plugin pour SPIP 3 est développé par la Dane de l’académie de Versailles pour les webmestres de cette (...)

  • Sauvegarder le répertoire IMG/ avec wget

    20 février 2007 – 10 commentaires

    Voici un système client serveur en deux lignes pour sauvegarder le répertoire des documents.

  • Rôles de documents

    21 février – commentaires

    Ce plugin permet d’attribuer un rôle aux documents liés aux contenus, et cerise sur le gâteau, rend possible la gestion des logos par le biais des documents-joints. Principe Les documents liés aux contenus n’ont pas forcément tous la même (...)

  • COLT : Extension de Firefox utile pour SPIP

    21 septembre 2008 – commentaires

    Une petite extension de Firefox qui permet de copier des liens sous format SPIP

  • Moulinette

    17 juillet 2015 – 46 commentaires

    Un squelette qui monte et qui descend ! Moulinette est un squelette basé sur le thème Grayscale (documentation) pour Bootstrap 3. Le type de site attendu est un site en une seule page : une rubrique avec quelques articles, des titres courts, des (...)