Bildformatierung im erweiterten WYSIWYG-Editor

Pläne, die das Formatieren von Bildern im erweiterten WYSIWYG-Editor unterstützen

Im Gegensatz zum Markdown-Editor bietet der erweiterte WYSIWYG-Editor verschiedene Optionen zur Bildformatierung. Sie können auf die Bildformatierungsoptionen zugreifen, wenn Sie auf ein Bild klicken, das Sie bearbeiten möchten.

Klicken Sie auf das Bild, und Sie haben ein schwebendes Menü mit den folgenden Funktionen, um das ausgewählte Bild zu bearbeiten:

1. Ausrichten

   Es gibt drei gängige Ausrichtungsoptionen für Bilder:

   • Linksbündig (): Richtet das Bild an der linken Seite des Inhalts aus.

   • Zentrieren (): Zentriert das Bild innerhalb des Inhalts.

   • Rechtsbündig (): Richtet das Bild an der rechten Seite des Inhalts aus.

2. Inline links (), Inline Block () und Inline rechts ():

   Wenn Sie eine Inline-Anzeigeoption auswählen, wird das Bild Seite an Seite mit dem Text ausgerichtet. Die Ausrichtung (links oder rechts) platziert das Bild auf der entsprechenden Seite des Textes, während die Option "Inline-Block" das Bild im Textfluss hält, ohne das Layout zu stören.

3. Bildunterschrift ():

   Sie können Ihrem Bild eine Beschriftung hinzufügen, die am unteren Rand des Bildes angezeigt wird. Dies ist nützlich, um zusätzlichen Kontext oder Beschreibungen bereitzustellen.

4. Alternativtext ():

   Alt-Text, der auch als Alt-Tags oder Alt-Beschreibungen bezeichnet wird, ist die schriftliche Kopie, die anstelle eines Bildes angezeigt wird, wenn es nicht auf dem Bildschirm eines Benutzers geladen werden kann.

   Geben Sie den Alternativtext für das Bild ein und klicken Sie auf das Symbol (), um es zu speichern.

5. Hyperlink-Bilder ():

   Klicken Sie auf das Link-Symbol, um Hyperlinks zu Ihren Bildern hinzuzufügen. Fügen Sie die URL ein und aktivieren Sie das Kontrollkästchen In einem neuen Tab öffnen , wenn der Link in einem neuen Tab geöffnet werden soll, und klicken Sie auf Einfügen. Nachdem Sie Ihr Bild verknüpft haben, werden drei neue Optionen in der Formatierungsleiste angezeigt:

   • Link öffnen: Öffnet den Link in einem neuen Tab.

   • Link bearbeiten: Bearbeitet den angehängten Link.

   • Trennen: Entfernt den Link aus dem Bild.

6. Klicken Sie auf das Symbol Advanced edit (), um Ihr Bild zu bearbeiten, z. B. die Größe zu ändern, zuzuschneiden usw.

7. Stil ():

   Für Bilder stehen drei Formatierungsoptionen zur Verfügung:

   • Gerundet: Das Bild erscheint als abgerundetes Rechteck mit stumpfen Ecken.

   • Angegrenzt: Dem Bild wird ein hellgrauer Rand hinzugefügt.

   • Schatten: Das Bild erzeugt einen sichtbaren Schlagschatteneffekt.

8. Größe ändern (): Sie können die Breite und Höhe des Bildes anpassen.

9. Ersetzen (): Klicken Sie auf das Symbol Ersetzen , um das aktuelle Bild mit einer der drei Methoden zum Einfügen von Bildern durch ein anderes zu ersetzen.

10. Kopieren (): Klicken Sie auf das Symbol Kopieren , um das ausgewählte Bild zur Verwendung an anderer Stelle im Artikel zu kopieren.

11. Löschen (): Klicken Sie auf das Symbol Löschen , um das ausgewählte Bild aus dem Artikel zu entfernen.

Erweiterte Bearbeitungsoptionen für Bilder

1. Top-Menüoptionen

1. Vergrößern/Verkleinern: Klicken Sie auf Vergrößern oder Verkleinern , um die Bildgröße anzupassen.

2. Hand: Klicken Sie auf das Handsymbol , um das Bild während der Bearbeitung zu verschieben.

3. Geschichte: Klicken Sie auf Verlauf , um den Bearbeitungsverlauf des Bildes anzuzeigen.

4. Aufmachen: Klicken Sie auf Rückgängig , um die letzte Aktion rückgängig zu machen.

5. Noch einmal machen: Klicken Sie auf Wiederherstellen , um die zuvor rückgängig gemachte Aktion erneut anzuwenden.

6. Zurücksetzen: Klicken Sie auf Zurücksetzen , um das Bild in seinen ursprünglichen Zustand zurückzuversetzen und alle Änderungen zu entfernen.

7. Löschen: Wählen Sie ein beliebiges bearbeitetes Element (z. B. Kreis, Form) aus und klicken Sie auf Löschen , um das jeweilige Element zu entfernen.

8. Alle löschen: Klicken Sie auf Alle löschen , um alle bearbeiteten Elemente aus dem Bild zu entfernen.

2. Untere Menüoptionen

1. Größe: Klicken Sie auf Größe ändern , um die Breite und Höhe des Bildes anzupassen und das Seitenverhältnis zu sperren. Wenn Sie fertig sind, klicken Sie auf Übernehmen.

2. Ernte: Klicken Sie auf Zuschneiden , um eine Zuschneideoption wie Benutzerdefiniert, Quadrat usw. auszuwählen. Wenn Sie fertig sind, klicken Sie auf Übernehmen.

3. Schnipsen: Klicken Sie auf Spiegeln , um entweder horizontales oder vertikales Spiegeln auszuwählen. Verwenden Sie Zurücksetzen , um zum Originalbild zurückzukehren.

4. Drehen: Klicken Sie auf Drehen , um das Bild zwischen 0° und 360° zu drehen (benutzerdefinierter Bereich verfügbar).

5. Zeichnen: Klicken Sie auf Zeichnen , um Linien oder Formen hinzuzufügen. Zu den Optionen gehören:

   • Freie Auslosung: Ermöglicht benutzerdefiniertes Zeichnen.

   • Gerade: Zeichne gerade Linien.

   • Farbe: Wählen Sie die gewünschte Farbe für die Zeichnung aus.

   • Schieberegler für den Bereich: Passt die Dicke der Zeichnungslinie an.

6. Form: Klicken Sie auf Formen , um Formen wie Rechtecke, Kreise oder Dreiecke einzufügen. Zu den Optionen gehören:

   • Füllfarbe: Wählen Sie eine Farbe aus, um die Form zu füllen.

   • Takt: Wählen Sie die Umrissfarbe für die Form aus. Sie können die Dicke auch mit dem benutzerdefinierten Schieberegler für den Strichbereich anpassen.

7. Ikone: Klicken Sie auf Symbole , um Symbole wie Pfeile, Positionsmarkierungen, Polygone usw. hinzuzufügen. Sie können auch ein benutzerdefiniertes Symbol aus dem lokalen Speicher hochladen. Passen Sie die Symbolfarbe nach Bedarf an.

8. Text: Klicken Sie auf Text zum Bild hinzufügen mit Formatierungsoptionen (fett, kursiv, unterstrichen, Ausrichtung, Farbe, Textgröße).

9. Filter: Klicken Sie auf Filter , passen Sie Bildparameter wie Graustufen, Unschärfe, Helligkeit, Sepia, Kontrast usw. an. Wenn Sie fertig sind, klicken Sie auf Speichern.