Bilder einbinden

  • Wie fügt man Bilder in einen Beitrag ein?

    1 Einleitung

    Eigene und externe Bilder können auf mehreren Wegen eingebunden werden.

    1.1 Zwischenablage

    Ein in der Zwischenablage des Betriebssystems befindliches Bild kann mit strg+v an der Cursorposition eingefügt werden.

    1.2 Anhang

    • Unter dem Eingabefeld für den Beitrag gibt es ein Tabmenü. Dort wählt man den Punkt „Dateianhänge“ aus und lädt sein Bild hoch (bitte Voraussetzungen beachten).
    • Nun positioniert man den Cursor in seinem Beitrag an der Stelle, an der das Bild angezeigt werden soll.
    • Mittels „Vorschau einfügen“ oder „Original einfügen“ kann man nun entweder eine Vorschau (bei großen Bildern empfehlenswert) oder direkt das Original einfügen.

    1.2.1 bbcode

    Hat man Bilder als Dateianhang hochgeladen, können sie auch per bbcode eingefügt werden. Hierzu wird ein Code mit folgender Syntax eingetragen:

    Code
    1. [attach=XYZ][/attach]

    Alternativ kann man also die Bilder auch direkt durch Eingabe des Codes einfügen. Bindet man die Bilder nicht im Beitrag direkt ein, so werden die nicht eingebundenen Dateianhänge unter dem Beitrag angezeigt. In dem Beispiel hier würde es wie folgt funktionieren:

    Code
    1. [attach=300,'none','2'][/attach]

    1.3 Externe Bilder einfügen

    1.3.1 Editor

    Im Editor kann man externe Bilder über einen Button einfügen.


    Als „Quelle“ trägt man den Link auf das Bild und als „Verlinkung“ so gewünscht einen Link ein.

    1.3.2 bbcode

    Alternativ kann man externe Bilder mit bbcode einfügen:

    [img]https://cc0.photo/wp-content/uploads/2017/09/Graffiti-below-bridge-in-Essen-980x463.jpg[/img]

    ergibt:

    Graffiti-below-bridge-in-Essen-980x463.jpg

    1.4 Externe Bilder skalieren

    In der HTML-/Quellcode-Ansicht des Editors kann man die Anzeigebreite (width="x") manuell ergänzen:

    Code
    1. <img src="https://cc0.photo/wp-content/uploads/2017/09/Graffiti-below-bridge-in-Essen-980x463.jpg" alt="dummy-image" width="200">

    ergibt:

    Graffiti-below-bridge-in-Essen-980x463.jpg