Accueil > Joomla > Joomla : intégrer un PDF dans un article

Joomla : intégrer un PDF dans un article

L’astuce d’aujourd’hui consiste à intégrer facilement un fichier PDF dans un article Joomla, de façon à ce que le contenu du PDF soit directement lisible dans l’article. Le PDF peut soit être directement localisé sur votre site Joomla, soit partagé depuis Google Documents.

Pour cela j’ai cherché et testé quelques plugins, voici celui qui à retenu mon attention par sa simplicité,  le plugin EnBed PDF.

A noter que j’utilise aussi un autre excellent plugin, RubberDoc, pour des besoins simples de gestion de fichiers PDF à afficher sous forme de liens dans des articles ou dans un module.

Une fois EnBed PDF installé, il faut l’activer dans le menu des plugins.

Vous pouvez ensuite l’éditer pour régler ses paramètres par défaut : largeur, hauteur, l’ajout d’un lien vers le document complet…

 

Il y a ensuite deux possibilités pour intégrer un PDF directement dans un article via ce plugin :

  1. Charger au préalable le PDF dans Google Document, le partager et utiliser la visionneuse Google.
  2. Charger au préalable le PDF dans le site CJN et utiliser la visionneuse Acrobat.

 

Intégration avec Google Document

Il faut d’abord charger le PDF dans Google Document et ne pas convertir le document au format Google. De mon expérience le résultat n’est pas visuellement satisfaisant, en tout cas pour des PDF mêlant texte et illustrations.

 

Une fois le PDF chargé, il faut le partager en accès à tous les utilisateurs possédant le lien.

 

Dans Google Document, le paramètre de partage du fichier PDF donne en retour une URL unique.

 

Copier cette URL pour ensuite l’intégrer dans un article Joomla.

A l’emplacement souhaité dans un article, taper le code d’activation du plugin (sans utiliser de formatage de texte !):

{pdf}xxxx|height:600|width:480|app:gdoc{/pdf}

Les zones en gras contiennent les variables modifiables. Remplacer xxxx par l’adresse google complète copiée précédemment.

On obtient donc une commande similaire à celle-ci :

{pdf}https://docs.google.com/viewer?a=v&pid=explorer&chrome=true&srcid=0B6cM6hGdWMvxZDcyMzhkMmUtZWY2Yy09MDZmLTk0MDMtYzFiZGNmNDk0NDA0&hl=fr&authkey=CN71rMQO|height:600|width:480|app:gdoc{/pdf}

Enregistrer et visualiser l’article.

 

Attention : si le PDF ne s’affiche pas c’est que du code HTML de formatage (style) s’est inclus dans la ligne que vous avez saisie. Pour rendre la ligne de commande d’intégration du PDF « propre », il suffit de la sélectionner et l’actionner la « gomme » de l’éditeur (remove formating).

 

Intégration avec Acrobat Reader

Pour intégrer un PDF avec ce plugin et l’utiliser avec la visionneuse Acrobat Reader, il faut au préalable charger le PDF sur le site Joomla.

Pour cela utiliser votre logiciel FTP préféré et déposer le fichier PDF dans une partie du site réservée au contenu.

Par exemple, utilisez le gestionnaire des médias pour créer un dossier pdf dans /images et y placer les PDF.

 

Une fois le PDF déposé, à l’emplacement souhaité dans un article, taper le code d’activation du plugin (sans utiliser de formatage de texte !):

{pdf}xxxx|height:600|width:480|app:acrobat{/pdf}

Les zones en gras contiennent les variables modifiables. Remplacer xxxx par l’adresse du PDF complète.

On obtient donc une commande similaire à celle-ci, si le fichier PDF est placé à cette adresse http://proto.joomla.org/images/pdf/administration.pdf

{pdf}http://proto.joomla.org/images/pdf/administration.pdf|height:600|width:480|app:acrobat{/pdf}

Enregistrer et visualiser l’article.

 

Attention : si le PDF ne s’affiche pas c’est que du code HTML de formatage (style) s’est inclus dans la ligne que vous avez saisie. Pour rendre la ligne de commande d’intégration du PDF « propre », il suffit de la sélectionner et l’actionner la « gomme » de l’éditeur (remove formating).

 

  1. MP78
    14/03/2011 à 17:13 | #1

    Bonjour,
    J’ai suivi à la lettre ton tuto.
    Afin de mettre du texte brut, j’ai déactivé l’éditeur.
    Dans mon article, dès que je mets le
    ?
    ca fait « aller à la ligne »
    et ma page publiée affiche le texte de la commande au lieu de l’exécuter.

    Lien :
    http://www.agro-strategie.fr/index.php/formations/employeurs/159-paies-agricoles

    Merci pour ta contribution

  2. 14/03/2011 à 22:55 | #2

    @Mp78 Ca m’a l’air ok maintenant sur ton site. As-tu trouvé ce qui ne fonctionnait pas ?

  3. 29/06/2011 à 17:40 | #3

    Bonjour,

    Je pense qu’il a du trouver son souci vu qu’il n’a pas répondu.

    Pour ceux qui passeraient ici depuis, c’est simplement que le code exemple comporte une erreur d’accolade à la fin (un crochet ] au lieu d’une accolade fermante } ), pour les deux appli.
    Probablement voulu par l’auteur de l’article pour éviter que son code ne devienne une jolie visionneuse :).

    {pdf}xxxx|height:600|width:480|app:acrobat{/pdf}
    ou
    {pdf}xxxx|height:600|width:480|app:gdoc{/pdf]

    (pas ] à la fin)

    En tout cas merci pour ce tuto qui vient de me faire mon bonheur !

    Enge

  4. 29/06/2011 à 19:29 | #4

    @Enge merci pour ta remarque, j’ai corrigé les deux ] dans les exemples par la bonne syntaxe } !
    J’ai effectivement du faire ça en testant l’intégration en rédigeant l’article, et ensuite je l’ai désactivé; donc le code n’est maintenant plus interprété 😉

  5. 09/09/2012 à 09:48 | #5

    Bonjour,

    Ce plugin fonctionne-t-il sous joomla 2.5 ?
    merci d’avance
    Cdlt
    Gilles

  6. 09/09/2012 à 10:32 | #6

    Bonjour,
    Ce plugin est malheureusement indisponible pour l’instant au téléchargement sur la base joomla des extensions.
    Il y en existe heureusement un similaire, comme FreePaper
    http://lededansdubocal.net/Le-lecteur-FreepapeR-2-v0-9-2.html

  7. 09/09/2012 à 17:09 | #7

    Merci. Je suis allé voir il ne semble pas simple à installer pour un profane comme moi.
    Je vais quand même essayer.

    Cdlt
    Gilles

  8. Khalid
    16/09/2013 à 12:30 | #8

    Bonjour, j’ai suivi à la lettre ce bon tuto!

    Mais j’ai un gros souci je ne sais pas si cela viens du document car il fait 128 pages.
    Je m’explique, cela fonctionne sauf que le pdf ne se charge pas!

    Chrome me dis qu’ il y échec pour le chargement.
    et IE ne veut rien savoir.

    Pourriez vous m’aider merci.

  9. Khalid
    16/09/2013 à 12:31 | #9

    Au passage j’utilise la fonction adobe.

  10. 16/09/2013 à 18:04 | #10

    @Khalid as-tu vérifié que le code html est propre ? Vérifie dans le code source si la balise d’intégration est bien seule, sans formatage ou style par dessus.

  11. Khalid
    16/09/2013 à 18:28 | #11

    Merci de ta reponse!

    Mais oui c’est bien vérifier!
    Tous est propre!

  12. Khalid
    17/09/2013 à 13:33 | #12

    C’est bon ça fonctionne, c’était Adobe qui déconner!
    Merci

  13. Kévin
    22/05/2014 à 18:17 | #13

    Bonjour,
    J’ai suivi le tuto et cela fonctionne super bien.
    Juste une petite question, est=il possible de désactiver la barre avec les options de téléchargement, d’impression, etc.
    J’ai désactiver la barre d’outils et même la scrollbar dans les options « Paramètres adobe Reader » du plugin, mais rien ne change.

    Merci d’avance

  14. 22/05/2014 à 19:53 | #14

    Aucune idée :-(. Parfois il y a un problème de cache, soit par le site, soit par le navigateur.
    Sinon je vois qu’il y a plusieurs solutions disponibles maintenant, peut être qu’un autre plugin serait plus adapté ?
    http://extensions.joomla.org/search?q=embed+pdf

  15. Kévin
    23/05/2014 à 11:29 | #15

    MOn problème est que je suis en version 3 de Joomla. Certains plugin ne sont pas encore disponible. Jai tester le « PDF embed » en autre, mais seul ce plugin pour le moment propose de désactiver la barre d’outil. Une autre idée? Merci pour votre réponse

  1. Pas encore de trackbacks