Visualiseur de pdf
Il s'agit d'un composant web vuejs permettant d'embarquer aisément un fichier pdf dans une page web.
Le code est sur github: formater-pdf-viewer-vjs
Utilisation
On a intégré le code suivant dans la page:
<formater-pdf-viewer src="http://inspire.ec.europa.eu/reports/ImplementingRules/metadata/MD_IR_and_ISO_20071210.pdf" lang="fr" fa="true" ></formater-pdf-viewer> <script src="https://api.poleterresolide.fr/webcomponents/formater-pdf-viewer_0.1.7.js"></script>où
srcest l'url du pdf (le serveur doit tout de même mettre les bons entêtesaccess-control-origin)langest le code de la langue utilisée ( 'fr' ou 'en')faest la possibilité d'utiliser les icônes font-awesome
En démo
<html> <style> .dokuwiki .formater-pdf-viewer div.toolbar {
margin-bottom:0px; } </style>
<div style=“max-width:1000px;margin:auto;”> <formater-pdf-viewer src=“http://inspire.ec.europa.eu/reports/ImplementingRules/metadata/MD_IR_and_ISO_20071210.pdf” lang=“fr” fa=“true” ></formater-pdf-viewer> </div> <!– <script src=“https://cdn.rawgit.com/terresolide/formater-pdf-viewer-vjs/0.1.5/dist/formater-pdf-viewer-vjs_0.1.5.js”></script> –> <script src=“https://api.poleterresolide.fr/webcomponents/formater-pdf-viewer-vjs_0.1.7.js”></script> </html>