Par défaut, la largeur d’un aperçu PDF intégré dans un article varie selon le navigateur du lecteur. Vous pouvez contourner cela en utilisant un CSS personnalisé pour définir l’aperçu PDF à une largeur constante, généralement 100 % du conteneur de l’article, afin que l’aperçu se rende de la même manière pour tous les lecteurs, quel que soit leur navigateur.
Cette solution de contournement ne s’applique qu’aux articles créés dans l’éditeur WYSIWYG avancé. Les aperçus PDF dans les articles de l’éditeur Markdown ne sont pas affectés.
Quand utiliser cette correction
- Rendu PDF incohérent entre navigateurs : si les lecteurs signalent que les PDF intégrés paraissent trop étroits ou varient en taille, cette correction standardise la largeur d’aperçu.
- Amélioration de la lisibilité des PDF intégrés : étendre l’aperçu à la largeur complète de l’article facilite la lecture du contenu du document sans que le lecteur ait besoin de zoomer ou d’ouvrir le fichier séparément.
Ce changement CSS s’applique à tous les aperçus PDF intégrés sur tous les articles de l’éditeur Advanced WYSIWYG sur le site. Il n’est pas possible de cibler des PDF individuels avec cette méthode.
Petite référence
Utilisez cet extrait pour la version de votre site de base de connaissances.
article p object {
width: 100% !important;
}
Comment définir une largeur d’aperçu PDF cohérente
- Dans le portail de la Base de connaissances, rendez-vous dans Paramètres > site de la Base de connaissances > CSS & JavaScript personnalisés.
- Sélectionnez l’onglet CSS et collez l’extrait pour la version de votre site de la base de connaissances à partir de la référence rapide ci-dessus.
- Cliquez sur Enregistrer.
Conséquences
Après avoir sauvegardé le CSS, les aperçus PDF intégrés s’étendent sur toute la largeur du conteneur de l’article, s’affichant de manière cohérente sur tous les navigateurs.
Portée et couverture
| Objet | Détails |
|---|---|
| Portée | Aperçus PDF globaux et tous intégrés dans tous les articles de l’éditeur Advanced WYSIWYG |
| Support des éditeurs | Uniquement l’éditeur WYSIWYG avancé, les articles de l’éditeur Markdown ne sont pas affectés |
| Largeur appliquée | 100% du conteneur à articles |
| Largeur personnalisée | Remplacez 100% par une valeur spécifique (par 80% exemple ou 600px) si vous préférez une largeur fixe ou réduite |
Meilleures pratiques
- Testez sur plusieurs navigateurs après l’application : vérifiez que l’aperçu PDF s’affiche correctement dans Chrome, Firefox, Safari et Edge pour confirmer que la correction fonctionne comme prévu sur les navigateurs les plus courants de vos lecteurs.
- Utilisez un pourcentage plutôt qu’une largeur de pixel fixe :
100%cela s’adapte à différentes tailles d’écran et mises en page d’articles. Une valeur fixe de pixels, comme800pxpeut déborder sur des écrans plus étroits ou des appareils mobiles. - Envisagez de réduire la largeur si la mise en page de l’article est étroite : si votre modèle d’article utilise une mise en page à deux colonnes ou a une zone de contenu étroite,
100%cela peut tout de même produire un aperçu plus petit que prévu. Dans ce cas, vérifiez si élargir le conteneur de contenu ou ajuster90%pour améliorer le résultat.