Code source wiki de Ouvrir un document PDF, Microsoft Word ou Microsoft PowerPoint dans une page d'un navigateur
Modifié par Julien EYMERY le 2015/07/15 09:20
Afficher les derniers auteurs
| author | version | line-number | content |
|---|---|---|---|
| 1 | Ces formats de fichiers ne sont pas nativement supportés par les principaux navigateurs (IE, Firefox, Chrome). | ||
| 2 | Une extension (ou plugin) doit être installé pour visionner ce type de documents. | ||
| 3 | ((( | ||
| 4 | == Cas d'un document PDF == | ||
| 5 | ))) | ||
| 6 | |||
| 7 | L'un des plus couramment utilisé est le plugin Adobe reader qui permet de visionner un document PDF directement dans une page du navigateur. | ||
| 8 | Il est très courant que ce plugin soit installé sur le poste d'un utilisateur lambda. | ||
| 9 | ((( | ||
| 10 | == Cas d'un document Microsoft Word ou Microsoft PowerPoint == | ||
| 11 | ))) | ||
| 12 | |||
| 13 | Les plugins supportant ces formats sont rarement installés par un utilisateur lambda. | ||
| 14 | Cependant, si aucun plugin n'est disponible sur le poste alors le navigateur tente d'ouvrir le document en lançant l'application enregistrée pour ce type de document (par exemple Microsoft Word pour un document .DOC ou Microsoft PowerPoint pour un document .PPT ou .PPS). | ||
| 15 | |||
| 16 | Mais : | ||
| 17 | * il faut que cette application soit installée sur le poste de l'utilisateur, | ||
| 18 | |||
| 19 | * le document est affiché dans la fenêtre de l'application et pas directement dans la fenêtre du navigateur. Seul IE permet d'afficher un document Word ou PowerPoint directement dans le navigateur (ce qui n'est pas le cas de Firefox ou Chrome). | ||
| 20 | |||
| 21 | ((( | ||
| 22 | == Comment ouvrir un document dans le navigateur sans avoir le plugin (ou l'application enregistrée pour ce type de document) installé sur le poste de l'utilisateur : == | ||
| 23 | ))) | ||
| 24 | |||
| 25 | Une solution est d'utiliser Google Documents Viewer ([[http://docs.google.com/viewer>>url:http://docs.google.com/viewer]]). | ||
| 26 | |||
| 27 | Attention : L'URL du document doit être accessible depuis l'extérieur (ex: [[www.mon_domain.fr/pdf/mon_doc.pdf>>url:http://www.mon_domain.fr/pdf/mon_doc.pdf]]). | ||
| 28 | Si le document n'est pas accessible depuis l'extérieur, passer par une servlet sampleLoadFile : | ||
| 29 | |||
| 30 | [[sampleLoadFile.class>>attach:sampleLoadFile.class]] | ||
| 31 | |||
| 32 | [[sampleLoadFile.java>>attach:sampleLoadFile.java]] | ||
| 33 | |||
| 34 | |||
| 35 | Dans web.xml, rajouter : | ||
| 36 | |||
| 37 | |||
| 38 | {{code language="xml" language="xml"}} | ||
| 39 | <servlet> | ||
| 40 | <servlet-name>sampleLoadFile</servlet-name> | ||
| 41 | <servlet-class>sampleLoadFile</servlet-class> | ||
| 42 | </servlet> | ||
| 43 | {{/code}} | ||
| 44 | |||
| 45 | |||
| 46 | et : | ||
| 47 | |||
| 48 | |||
| 49 | {{code language="xml" language="xml"}} | ||
| 50 | <servlet-mapping> | ||
| 51 | <servlet-name>sampleLoadFile</servlet-name> | ||
| 52 | <url-pattern>/sampleLoadFile</url-pattern> | ||
| 53 | </servlet-mapping> | ||
| 54 | {{/code}} | ||
| 55 | |||
| 56 | |||
| 57 | Cette servlet prend 2 paramètres : | ||
| 58 | * FIL : chemin du document à visualiser. Il doit être relatif au répertoire de la Webapp. Exemple : doc/mon_doc.doc correspond au fichier mon_doc.doc dans le sous-répertoire doc de la Webapp, | ||
| 59 | |||
| 60 | * MIME : Type mime du document. Cf [[http://www.w3schools.com/media/media_mimeref.asp>>url:http://www.w3schools.com/media/media_mimeref.asp]]. Attention : les navigateurs ne reconnaissent pas tous les types mime. Exemple : Pour un fichier PPT :** application/powerpoint ok pour IE | ||
| 61 | |||
| 62 | |||
| 63 | (% style="list-style-type: none;background-image: none;" %) | ||
| 64 | * ** application/vnd.ms-powerpoint ok pour FF | ||
| 65 | |||
| 66 | |||
| 67 | |||
| 68 | |||
| 69 | Pour charger le fichier mon_doc.doc dans le sous-répertoire doc de la Webapp se trouvant sur le site [[www.mon_domain.fr>>url:http://www.mon_domain.fr]], l'URL est : | ||
| 70 | [[www.mon_domain.fr/sampleLoadFile?FIL=doc/mon_doc.doc&MIME=application/powerpoint>>url:http://www.mon_domain.fr/sampleLoadFile?FIL=doc/mon_doc.doc&MIME=application/powerpoint]] | ||
| 71 | |||
| 72 | Les formats de documents supportés sont : | ||
| 73 | * PDF, | ||
| 74 | |||
| 75 | * PowerPoint (limitation : affichage séquentiel des pages sans animation), | ||
| 76 | |||
| 77 | * Word (support .DOC et .DOCX ok mais non officiel), | ||
| 78 | |||
| 79 | * Tiff. | ||
| 80 | |||
| 81 | |||
| 82 | Le format Excel n'est pas supporté. | ||
| 83 | Fonctionne aussi sur navigateur mobile (OS Android et iPhone / iPad). | ||
| 84 | |||
| 85 | Il est possible d'afficher un document dans une page entière ou dans une iframe (paramètre embedded fixé à true). | ||
| 86 | |||
| 87 | Il est possible de rajouter les commandes "Enregistrer" et "Imprimer" grâce au paramètre chrome fixé à true (ex: [[http://docs.google.com/viewer?url=www.mon_domain.fr%2Fdoc%2Fmon_doc.doc&chrome=true>>url:http://docs.google.com/viewer?url=www.mon_domain.fr%2Fdoc%2Fmon_doc.doc&chrome=true]]). | ||
| 88 | |||
| 89 | Il est possible d'afficher une page particulière d'un document. Chaque numéro de page est représenté par l'identifiant 0.page.0, 0.page.1, 0.page.2, etc. | ||
| 90 | Pour afficher la page numéro 15, il faut rajouter #:0.page.14 à la fin de l'URL : | ||
| 91 | Ex : [[http://docs.google.com/viewer?url=www.mon_domain.fr%2Fdoc%2Fmon_doc.doc&embedded=true#:0.page.14>>url:http://docs.google.com/viewer?url=www.mon_domain.fr%2Fdoc%2Fmon_doc.doc&embedded=true#:0.page.14]] | ||
| 92 | |||
| 93 | Il existe d'autres viewers de documents en ligne, comme par exemple ZohoViewer ([[http://viewer.zoho.com>>url:http://viewer.zoho.com]]) qui supporte les formats suivants : | ||
| 94 | **Microsoft Office Formats** | ||
| 95 | doc / docx - Microsoft Word Document | ||
| 96 | xls / xlsx - Microsoft Excel Spreadsheet | ||
| 97 | ppt / pptx - Microsoft PowerPoint | ||
| 98 | pps - PowerPoint Slideshow | ||
| 99 | **OpenDocument Formats** | ||
| 100 | odt - OpenDocument Text | ||
| 101 | ods - OpenDocument Spreadsheet | ||
| 102 | odp - OpenDocument Presentation | ||
| 103 | **OpenOffice Formats** | ||
| 104 | sxw - OpenOffice.org Writer Document | ||
| 105 | sxc - OpenOffice.org Calc Spreadsheet | ||
| 106 | sxi - OpenOffice.org Impress Presentation | ||
| 107 | **More Rich Text Formats** | ||
| 108 | wpd - Corel Word Perfect Document | ||
| 109 | pdf - Adobe Portable Document Format (PDF viewer is in experimental stage) | ||
| 110 | rtf - Rich Text Format | ||
| 111 | html - Hyper Text Markup Language | ||
| 112 | txt - Plain Text Document | ||
| 113 | **More Spreadsheet Formats** | ||
| 114 | csv - Comma Separated Values | ||
| 115 | tsv - Tab Separated Values | ||
| 116 | ((( | ||
| 117 | == | ||
| 118 | Articles connexes == | ||
| 119 | ))) | ||
| 120 | |||
| 121 | Les articles connexes apparaissent ici en fonction des étiquettes que vous avez sélectionnées. Cliquez pour modifier la macro et ajouter ou modifier des étiquettes. | ||
| 122 | |||
| 123 | {{liveData sort="doc.date:desc" source="liveTable" properties="doc.title,doc.date,doc.author" description="Recently updated" limit="5" filters="tag=web word pdf" sourceParameters="translationPrefix=platform.index."}}{{/liveData}} | ||
| 124 |