Comment se débarrasser de la barre latérale et de la barre d'outils lors de l'intégration d'un pdf dans un fichier html?

Question

Essayer d'intégrer un pdf sur mon site comme ceci:

<iframe src="filename.pdf" type='application/pdf' frameborder="0"></iframe> 

Le site est un site de rails, et actuellement je suis seulement fonctionner sur un serveur local. Le problème est que le fichier pdfs affiche une barre d'outils en haut et une barre latérale avec mes informations de compte cloud adobe creative, comme le montre l'image ci-dessous (le contenu réel du pdf s'affiche dans la boîte blanche sous la barre d'outils et la gauche de la barre latérale)

Comment puis-je obtenir le pdf pour rendre seul, sans le menu et la barre latérale?

Answer 1

Recherche plus en pile, essayer:

https://stackoverflow.com/a/2105095/7741129

Pour des informations plus détaillées:

http://blogs.adobe.com/pdfdevjunkie/web_designers_guide

Je pense qu'il vaut mieux utiliser une sorte de choses JS juste au cas où des croix -browser problèmes, comme liés dans le premier lien. Des solutions comme https://pdfobject.com/ c'est utile pour faire le travail. Look:

PDFObject 2.0 détecte la prise en charge du navigateur pour les fichiers PDF incorporés/incorporés. (Dans cas où vous poseriez la question, votre navigateur prend en charge les fichiers PDF intégrés. Vous chien chanceux, vous!)

Si vous travaillez avec HTML dynamique, comme une application web d'une seule page, vous devrez peut-être insérer PDF à la volée. Cependant, l'intégration PDF n'est pas prise en charge par certains navigateurs. Si vous insérez le balisage sans d'abord en vérifiant la prise en charge de PDF, vous risquez de vous retrouver avec du contenu manquant ou une interface utilisateur rompue .

L'utilitaire PDFObject vous aide à éviter ces situations en détectant le support pour l'intégration de PDF dans le navigateur; si l'intégration est prise en charge, le PDF est incorporé. Si l'intégration n'est PAS supportée par le navigateur, le fichier PDF ne sera PAS intégré. Par défaut, PDFObject 2.0 insère un lien de repli vers le PDF lorsque le navigateur ne prend pas en charge les fichiers PDF en ligne. Cela permet à vos utilisateurs d'avoir toujours accès à votre fichier PDF et est conçu pour vous aider à écrire moins de code. Le lien de secours peut être personnalisé, ou l'option peut être désactivée si vous préférez .

PDFObject 2.0 est compatible avec npm. Les applications web modernes utilisent npm pour gérer les paquets et les dépendances. PDFObject 2.0 est enregistré avec le groupe de nœuds Manager (npm) et peut être chargé dynamiquement. PDFObject facilite également la spécification des paramètres PDF Open PDF d'Adobe. (Attention, ces paramètres ne sont pris en charge que par Adobe Reader, la plupart des lecteurs PDF ignorent les paramètres, y compris les lecteurs PDF intégrés dans Chrome, Internet Explorer et Safari.)

Answer 2

Si vous autorisez le navigateur de choisir comment le PDF se rendu, vous êtes jamais va être en mesure de créer une expérience cohérente pour vos utilisateurs, sauf si vous êtes dans un environnement de bureau contrôlé.

Si vous recherchez une expérience cohérente, utilisez pdf.js pour afficher le PDF dans le navigateur.

Si vous êtes dans un environnement contrôlé et tous vos utilisateurs ont une combinaison navigateur/spectateur qui permettra le PDF show du navigateur en utilisant le plug-in Adobe Reader (comme votre capture d'écran montre), vous pouvez utiliser la fonction « ouverte paramètres "à la fin de l'URL pour contrôler ce qui est affiché. Voir la documentation sur le lien ci-dessous.

http://www.adobe.com/content/dam/Adobe/en/devnet/acrobat/pdfs/pdf_open_parameters.pdf

Cela dit, ne comptez pas sur cette solution pour travailler très longtemps. La plupart des navigateurs modernes ne permettent plus aux plugins de visionneuse de fonctionner et les autres se déplacent dans cette direction.