Elemente bearbeiten
Im Tab Live Mock können Sie ein Element auf der Seite auswählen und dessen Text, HTML oder Bild spontan austauschen. Nützlich, um ein Design vor der Veröffentlichung zu prüfen oder das Erscheinungsbild nach einer Inhaltsänderung zu überprüfen.
Ein Element auswählen
- Klicken Sie auf „Element bearbeiten"
- Bewegen Sie den Mauszeiger über das zu bearbeitende Element auf der Seite und klicken Sie darauf
- Informationen zum ausgewählten Element (Tag-Name, DOM-Pfad) werden angezeigt
„⬆ Zum übergeordneten Element" geht eine Ebene nach oben, und „⬇ Zurück zum untergeordneten Element" verfolgt den zurückgelegten Pfad zurück. Die Auswahl eines neuen Elements setzt diesen Verlauf zurück.
Drei Bearbeitungsmodi
- Text: schreibt den Textinhalt des Elements unverändert um
- HTML: schreibt den Inhalt des Elements als HTML um
- Bild: bearbeitet die src und andere Attribute eines
<img>-Elements (siehe unten)
Details zum Bildbearbeitungsmodus
- Geben Sie direkt eine Bild-URL ein oder ersetzen Sie es über „Datei auswählen" durch ein lokales Bild
- Bearbeiten Sie
alt(Alternativtext) und das Attributloading - Ändern Sie Breite / Höhe numerisch (der Pro-Plan bietet auch Schieberegler)
- Nur im Pro-Plan: Schieberegler für Drehung, Helligkeit, Kontrast, Sättigung, Graustufen und Farbtondrehung sowie das Herunterladen des bearbeiteten Bilds
Änderungen rückgängig machen
„Angewendete Änderungen" listet alle vorgenommenen Bearbeitungen auf. Sie können sie einzeln oder mit „Alles rückgängig machen" auf einmal rückgängig machen. Beim Neuladen der Seite wird automatisch alles rückgängig gemacht (diese Bearbeitungen überschreiben nur das Live-DOM der Seite).