Einf├╝gen von Abbildungen

Wie binden Sie eine Abbildung in Ihre Seite ein? Daf├╝r gibt es zwei Methoden! Zum einen gelingt es per Symbolbefehl, ganz ├Ąhnlich wie in Mambo oder Joomla. Zum anderen auch per Drag & Drop

Grafik einf├╝gen per Symbolbefehl

Dusche mit rotem DuschvorhangSchreiben Sie einfach KlammerGrafikname.endKlammer. Das Bild sunset.jpg binden Sie also ein ├╝ber Klammersunset.jpgKlammer. Die Ma├če der Grafik werden dabei automatisch ermittelt.

Alternativtext angeben

Sie m├Âchten zus├Ątzlich einen Alternativtext angeben? Dann schreiben Sie: Klammergrafik.gif,AlternativtextKlammer. Unser Skript wandelt die Wortgruppe nach dem Komma automatisch sowohl in das alt- als auch das title-Attribut um!

Ausrichtung

Aber auch die Ausrichtung steuern Sie durch einen weiteren Parameter. Per Standard wird die Grafik dabei in den Absatz eingebunden, der mit der Stilklasse image formatiert wird. Sie k├Ânnen aber auch einen dritten Parameter anf├╝gen und hier per Zahl die Ausrichtung steuern: Klammergrafik.gif, Alternativtext,1Klammer. Arbeiten Sie mit den Zahlen 1-3. Eine 1 formatiert die Abbildung linksb├╝ndig, der Rest des Inhalts flie├čt rechts vorbei. Die 2 richtet sie rechts aus, der Rest des Inhalts flie├čt links vorbei und eine 3 formatiert eine Grafik wie ein Zeichen - ohne Tags drumherum.

Das Beste: Sollten Sie die Grafik versehentlich l├Âschen oder sich beim Bildnamen verschrieben haben, werden Sie gewarnt. Dann schreibt das Skript ┬╗Bild xyz nicht vorhanden!┬ź in die Seite.

Grafik einbinden durch Ziehen

Besonders raffiniert ist jedoch das Einbinden per Drag & Drop. Klicken Sie daf├╝r rechts oben auf den Link Bilder. Die Bildverwaltung ├Âffnet sich in einem separaten Fenster. Gehen Sie in den gew├╝nschten Ordner und ziehen Sie die Abbildung per Drag & Drop in den TinyMCE-Editorbereich. Zumindest bei Internet Explorer und ggf. auch bei Opera wird nun der korrekte Pfad eingef├╝gt. Der Internet Explorer zeigt die Grafik sogar direkt im Formularfeld in einer Vorschau an!

Das Ausrichten der Abbildung und das Zuweisen eines alternativen Texts gelingt nun ├╝ber die Schaltfl├Ąche Insert/edit image aus TinyMCE.