Arc En Terre

Tuto : Ajouter une image dans un article

ajouter supprimer Flo

Avec l'éditeur WYSIWYG (What You See Is What You Get) CkEditor que j'ai installé dans Pluxml, lorsqu'on écrit un article onpeut ajouter des images avec un menu très pratique. Seulement ce menu intègre la hauteur et la largeur absolue des images dans le corps du code HTML de l'article, ce qui court-circuite le style défini pour conserver le ratio des images quel que soit l'écran, et on aboutit à des images déformées.

Voici comment faire pour ajouter une image à un article et conserver son ratio largeur/hauteur pour tous les écrans :

1. cliquer sur la petite flèche en haut à droite de l'article fait apparaître le menu CKEditor
2. Cliquer sur l'icône image ouvre un menu de sélection d'image
3. Cliquer sur "Parcourir le serveur" et sélectionner son image.
4. Ensuite se concentrer sur les paramètres Largeur et Hauteur en dessous : laisser la largeur telle-quelle et s'assurer que la petit icône de cadenas est bien dévérouillée
5. Changer la hauteur pour "100%"
6. Ce menu est ensuite accessible via un clic-droit sur l'image. Si on s'est trompé, on peut réinitialiser les valeurs en cliquant sur la flèche circulaire.

Répondre RSS

Répondre

(Leave this as-is, it’s a trap!)

Pas besoin de "s'enregistrer", entrez simplement le même nom + mot de passe de votre choix à chaque fois.

Astuce: Utilisez markup pour ajouter des liens, citations et plus encore.

Your friendly neighbourhood moderators: Jin