Modifier des éléments
Dans l'onglet Live Mock, vous pouvez sélectionner un élément de la page et remplacer instantanément son texte, son HTML ou son image. Utile pour vérifier un design avant sa mise en ligne, ou l'apparence après une modification de contenu.
Sélectionner un élément
- Cliquez sur « Modifier un élément »
- Survolez l'élément à modifier sur la page, puis cliquez dessus
- Les informations de l'élément sélectionné (nom de balise, chemin DOM) s'affichent
« ⬆ Vers l'élément parent » remonte d'un niveau, et « ⬇ Revenir à l'enfant » retrace le chemin parcouru. Sélectionner un nouvel élément réinitialise cet historique.
Trois modes d'édition
- Texte : réécrit tel quel le contenu textuel de l'élément
- HTML : réécrit le contenu de l'élément en HTML
- Image : modifie le src et d'autres attributs d'un élément
<img>(voir ci-dessous)
Détail du mode d'édition d'image
- Saisissez directement une URL d'image, ou remplacez-la par une image locale via « Choisir un fichier »
- Modifiez
alt(texte alternatif) et l'attributloading - Changez la largeur / hauteur numériquement (le plan Pro propose aussi des curseurs)
- Plan Pro uniquement : curseurs de rotation, luminosité, contraste, saturation, niveaux de gris et rotation de teinte, ainsi que le téléchargement de l'image modifiée
Annuler des modifications
« Modifications appliquées » liste toutes les modifications effectuées. Vous pouvez les annuler individuellement, ou toutes à la fois avec « Tout annuler ». Recharger la page annule automatiquement tout (ces modifications ne réécrivent que le DOM en direct de la page).