Peut-on afficher, dans une fenêtre, presque tout type de documents informatique ?
Pas directement ... Alors j’ai mis en place un modèle "docu" qui comporte les paramètres nécessaire pour contrôler l’affichage du document.
Il suffit d’insérer dans le corps de l’article la balise <docuXX>
ou XX est l’identifiant du document téléchargé.
Ce modèle affiche par défaut une fenêtre 100% de large ( = la largeur du conteneur, limitée par défaut entre 300px mini et 800px maxi), de 40vmax de haut, parfaitement "responsive" en largeur. Astuce : si on veut annuler la limite de 800px de large tout en conservant le mode "responsive", il faut donner une valeur en % au paramètre maxwidth). Ci-dessous, en insérant <docu44|maxwidth=100%>
par exemple, on affiche un document pdf dans une fenêtre qui occupe toute la largeur de l’écran :
Paramètres optionnels de la fenêtre d’affichage :
align : alignement left ou right (par défaut = left)
width : largeur en % (attention, dès qu’on donne des valeurs en pixels, l’image n’est plus "responsive") (par défaut = 100%)
height : hauteur en vmax (1vmax=1% de la hauteur de l’écran - attention, dès qu’on donne des valeurs en pixels, l’image n’est plus "responsive") (par défaut = 40vmax)
maxwidth : largeur max en pixels (utile pour éviter que l’image affichée soit plus grande que le document réel !) (par défaut = 800px)
minwidth : largeur mini en pixel (utile pour éviter que l’image soit trop petite pour avoir un aperçu du document !) (par défaut = 300px)
margin : marges gauche et droite, haute et basse, identiques (par défaut = 5px)
titre : texte en gras au-dessus de la fenêtre (par défaut = ligne vide)
legende : texte en italique au-dessous de la fenêtre (par défaut = ligne vide)
Ces paramètres permettent d’insérer dans le texte des documents de différents types, en contrôlant l’emprise et le positionnement des fenêtres d’affichage, comme ci-dessous (6 documents affichés à 30% de largeur)
Pour les seuls documents pdf, il y a le plugin "pdf.js" à base de javascript qui implémente un modèle <lecteurpdfXXX>
qui présente le document pdf sur tout support. L’affichage est responsive si la largeur est définie en % (mais pas en hauteur)
Le modèle <lecteurpdfXXX|largeur=L%|hauteur=Hpx|align=left (par défaut) ou right (pas de center)>
affiche les pdf sur tous les supports.