Documentation Index

Fetch the complete documentation index at: https://docs.document360.com/llms.txt

Use this file to discover all available pages before exploring further.

Clause de non-responsabilité: Cet article a été généré par traduction automatique.

As of 22 Nov 2025, the Markdown editor has been upgraded from v1.4.10 to v3.2.2. The toolbar, layout, icons, and editor structure remain unchanged.

Comment définir la hauteur et la largeur par défaut du PDF intégré

  • Mis à jour le Jul 10, 2026
  • Publié le Sep 9, 2024
  • 2 Minute(s) lue(s)
Prev Next

Par défaut, la hauteur et la largeur d’un aperçu PDF intégré dans un article varient selon le navigateur du lecteur. Vous pouvez définir une taille fixe et constante pour tous les aperçus PDF en utilisant Custom CSS, afin que l’aperçu affiche les mêmes dimensions pour tous les lecteurs.

NOTE

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

  • Tailles d’aperçu PDF incohérentes entre navigateurs : les navigateurs affichent des objets PDF intégrés à différentes dimensions par défaut. Cette correction impose une taille constante.
  • Contrôler la proéminence de l’aperçu : réglez une plus grande hauteur pour donner plus d’espace vertical au PDF, ou une taille plus petite pour le garder compact avec le contenu environnant.

AVERTISSEMENT

Le sélecteur object CSS cible tous <object> les éléments du site, pas seulement les insertions PDF. Si votre base de connaissances utilise <object> des balises pour d’autres types de contenu (comme des SVG ou d’autres médias intégrés), celles-ci seront également redimensionnées par cet extrait.

Petite référence

Remplacez 500px par vos valeurs de hauteur et de largeur souhaitées.

object {
    height: 500px !important;
    width: 500px !important;
}

Comment définir la hauteur et la largeur de l’aperçu PDF

  1. Dans le portail de la Base de connaissances, allez dans Paramètres > site de la Base de connaissances > CSS & JavaScript personnalisés.

Knowledge base site settings page showing the Custom CSS and JavaScript option in the left navigation.

  1. Sélectionnez l’onglet CSS et collez l’extrait suivant :
object {
    height: 500px !important;
    width: 500px !important;
}
  1. Remplacez les deux 500px valeurs par la hauteur et la largeur souhaitées.
  2. Cliquez sur Enregistrer.

Custom CSS editor showing the PDF object height and width snippet pasted in the CSS tab with the Save button visible.

Conséquences

Après avoir sauvegardé le CSS, les aperçus PDF intégrés s’affichent aux dimensions fixes spécifiées sur tous les navigateurs.

Knowledge Base site article showing an embedded PDF preview rendered at a fixed height and width set by Custom CSS.

Portée et couverture

Objet Détails
Portée Global, tous <object> les éléments dans tous les articles de l’éditeur WYSIWYG
Support des éditeurs Éditeur WYSIWYG avancé uniquement. Les articles de l’éditeur Markdown ne sont pas affectés
Taille par défaut de l’exemple 500px × 500px, ajustez-vous à vos besoins de mise en page
Hauteur et largeur En définissant indépendamment, vous pouvez utiliser différentes valeurs pour chaque fois
Valeurs en pourcentage Supporté, utiliser width: 100% pour remplir la largeur du conteneur de l’article

Meilleures pratiques

  • Fixez la largeur à un pourcentage plutôt qu’à une valeur fixe en pixels lorsque possible : width: 100% cela remplit le conteneur d’articles et s’adapte à différentes tailles d’écran, tandis qu’un écran fixe 500px peut déborder sur des écrans étroits ou paraître trop petit sur des écrans larges. N’utilisez des valeurs fixes que lorsque vous avez besoin d’une taille précise et inchangée.
  • Définissez la hauteur par rapport à votre contenu PDF : une hauteur trop faible oblige les lecteurs à faire défiler dans le panneau d’aperçu. Envisagez 600px ou 700px pour un PDF portrait A4 standard d’afficher au moins une page complète sans défiler.
  • Testez sur mobile après l’application : les dimensions fixes des pixels ne diminuent pas sur les petits écrans. Si votre base de connaissances a un trafic mobile important, vérifiez que l’aperçu PDF ne déborde pas la mise en page de l’article sur des fenêtres de vue étroites.
  • Utilisez un sélecteur plus spécifique si nécessaire : si le sélecteur large object affecte d’autres contenus intégrés sur votre site, remplacez-le par un sélecteur plus ciblé. Par exemple, article p object limite la portée aux <object> éléments contenus dans les paragraphes d’articles.
Articles Liés