Bilder im HTML-Editor einbetten

  • Freigeben Version: Xanadu
  • Aktualisiert 1. August 2024
  • 2 Minuten Lesedauer
  • Sie können die HTML-Feld-Bildauswahl verwenden, um Bilder in HTML-Felder einzubetten und der Bildbibliothek Bilder hinzuzufügen.

    Vorbereitungen

    Erforderliche Rolle: die Rolle, die zum Aktualisieren des Datensatzes erforderlich ist, der das HTML-Feld enthält. Beispielsweise kann jeder Benutzer mit einer Rolle einen Wissensartikel erstellen und darin ein Bild einbetten.

    Warum und wann dieser Vorgang ausgeführt wird

    Hinweis:
    Administratoren und Benutzer mit der Rolle „image_admin“ verwalten die Bildbibliothek unter System-UI > Bilderan. Weitere Informationen finden Sie unter Bilder in der Datenbank speichern.

    Prozedur

    1. Öffnen Sie das Formular, das das HTML-Feld enthält.
    2. Klicken Sie auf die Position, an der das Bild angezeigt werden soll, oder klicken Sie auf das Bild, um ein vorhandenes Bild zu ändern.
    3. Klicken Sie auf das Symbol zum Einfügen/Bearbeiten von Bildern (Symbol zum Einfügen oder Bearbeiten von Bildern) in der Symbolleiste des HTML-Editors.
    4. Geben Sie im Formular „Bild einfügen/ändern“ Informationen in jedes Feld ein.
      Tabelle : 1. Formular „Bild einfügen/ändern“.
      Feld Beschreibung
      Typ Wählen Sie den Bildtyp aus.
      • Bilderbibliothek: Bilder, die in der Tabelle „db_image“ gespeichert sind. Sie können Bilder in der Bildbibliothek an mehreren Orten wiederverwenden.
      • Anhang: Nur im aktuellen Datensatz verfügbar
      Bild Beginnen Sie mit der Eingabe eines Dateinamens, und wählen Sie in der Liste ein Bild aus, oder klicken Sie auf das Referenz-Suchsymbol, und wählen Sie ein Bild aus.

      Um ein neues Bild hochzuladen, klicken Sie auf Neu, klicken Sie auf Datei wählen, suchen Sie das Bild, und klicken Sie auf Hochladen.

      Wenn Sie den Anhangstyp ausgewählt haben, klicken Sie auf Datei auswählen, suchen Sie das Bild, und klicken Sie auf Anfügen.

      Tooltip Geben Sie alternativen Text ein, der angezeigt wird, wenn ein Anwender auf das Bild zeigt.
      Alt. Geben Sie Alternativtext ein, der zur Verbesserung der Barrierefreiheit verwendet werden kann. Beispielsweise kann es mit einem Sprachausgabeprogramm verwendet werden. Wenn dieses Feld leer gelassen wird, wird standardmäßig der im Feld Tooltip eingegebene Text verwendet.
      Hinweis:
      Um die Größe eines eingebetteten Bilds zu ändern, klicken Sie darauf. Der Größenanpassungsrahmen wird angezeigt. Ziehen Sie einen Größenanpassungspunkt, bis das Bild die gewünschte Größe aufweist. Eckpunkte passen die Größe proportional an. Je nach Browser müssen Sie möglicherweise das Bild markieren, bevor der Größenanpassungsrahmen angezeigt wird.
    5. Wahlweise: Um zusätzliche Kontrolle über die Darstellung eines Bilds zu erhalten, klicken Sie auf Erweiterte Optionen.
      Tabelle : 2. Erweiterte Optionen
      Feld Beschreibung
      Layout Wählen Sie die Bildausrichtung (Standardeinstellung ist Baseline), und geben Sie die Rahmenstärkeein.
      Abstand Geben Sie die Anzahl der horizontalen und vertikalen Pixel um das Bild ein.
      Größe Geben Sie die Breite und Höhe des Bildes (in Pixel) ein.
    6. Klicken Sie auf OK.
    7. Wahlweise: Fügen Sie ein Bild in den HTML-Editor ein.
      Um das Bild zu bearbeiten, speichern Sie den Eintrag, und wählen Sie dann das Bild aus. Klicken Sie auf das Symbol zum Einfügen/Bearbeiten von Bildern, und füllen Sie das Formular mit den gleichen Tabellen aus, in denen ein Bild hinzugefügt wurde.

      Eingefügte Bilder werden im System als Anhänge gespeichert.