Bilder in Wordpress - ein Mysterium?

[Loewenherz]

Hallo,
bitte nicht schlagen, aber die Einbindung von Bildern in WP ist für mich zur Zeit ein Mysterium. Okay, aktuelle deutsche WP-Version, mal keine, mal mehr Plugins, das Phänomen ist bei jeder Installation gleich. Und die Suche im Forum oder via Google machte mich bislang nicht schlauer.

Also: ein Bild soll zum Text, nett formatiert und in CSS angegeben.

1. Ich habe den Ordner /wp-content/uploads/ angelegt, chmod 777 und Dateien per Filezilla hochgeladen. Variante 1: ich gehe in die Page, und gebe im Code folgendes ein: <img alt="foddo" class="left" src="/wp-content/uploads/foddo.jpg"/>
Funktioniert, wenn ich es direkt aus der Codeansicht abspeichere. Gehe aber ich oder ein anderer Moderator (ohne HTML-Kenntnisse) in die Editoransicht und speichert ab, bleibt nur noch ein <img alt="foddo" /> und das Bild ist weg.
Solange nur ich in WP arbeite, geht das noch. Aber da auch andere beteiligt sind, die keine HTML-Freaks sind, muss eine andere Lösung her.

2. Ich suche im Netz und finde den Hinweis auf iimage-browser - aber auf der Seite zeigt sich, dass das Ding eben nicht mit dem Wysiwyg funzt. Als zweites finde ich bistr-o-mathik.org | Wordpress Plugins - aber hier steht noch was von "1.5-kompatibel", also veraltet.

3. Ich versuche mich an der integrierten Upload-Funktion. Gebe ein "vollständige Größe", Link "keine". Ergebnis: kein Bild, nur "<img alt="foddo" />". Gebe ich "link" ein, wird statt eines Bildes wird nur ein Link zum Bild eingefügt, statt des Bildes in voller Ansicht. *arghh*

4. Ich versuche es mit der im Editor integrierten Funktion "Bild einfügen". Gebe den absoluten Link zum Bild im Upload-Verzeichnis ein (leider kein Auswahl-Menü), alt-Text und linke Ausrichtung. Aktualisiere. Und - je nach Installation - passiert gar nichts oder ich erhalte diese Meldung:
http://www.frankdoerr.de/img/div/wp-verlassen.jpg (okay, bbcode, geht hier leider nicht, müsst ihr klicken)

Bitte sagt mir, dass es irgendeine einfache Möglichkeit gibt, die auch mit Wysiwyg funzt. Ich habe jedenfalls entweder ein Brett vorm Kopf oder WP spinnt.

Edit: falls es relevant sein sollte: ich arbeite mit W2k, aktuellem Firefox und höre dabei gerade Tim Buckley (den Dad von Jeff)

[jottlieb]

2. IImageBrowser läuft bei mir wunderbar mit WP 2.1.2.
Anstatt dich auf externe Quellen zu verlassen, solltest du dich bei der Seite des Autors schlau machen.

[Loewenherz]

Zitat von jottlieb

2. IImageBrowser läuft bei mir wunderbar mit WP 2.1.2.
Anstatt dich auf externe Quellen zu verlassen, solltest du dich bei der Seite des Autors schlau machen.

Sieht aus, als hättest du meine Zeilen nicht gelesen: Ich habe nie bestritten, dass IImageBrowser mit 2.1.2 läuft. Sondern, dass er mit dem Wysiwyg kompatibel ist. Und ja, ich habe diese Info von der Seite des Programmieres: "Please note, that you must have WYSWYG editor turned off to be able to use IIB." Der Satz mit der veralteten Version bezog sich auf ein anderes Plugin namens "Image Browser".

Also: gibt es eine Möglichkeit, Bilder verlässlich in WP 2.1.2 einzubinden OHNE den Wysiwyg deaktivieren zu müssen? Wenn ja: wie?

[jottlieb]

In einem anderen Blog nutze soderlind.no / ImageManager 2.0 mit WYSIWYG (EditorMonkey...sollte also auch im normalen funktionieren).

[Loewenherz]

Vielen Dank für den Tipp, das Plugin ist wirklich interessant und komfortabel.

Es gibt allerdings auch hier ein Problem: ich füge ein Bild ein (der Link zum Image Manager findet sich im Tab "Code"). Speichere ab und das Bild ist korrekt in der öffentlichen Anzeige. Aber: egal ob ich "Speichern" oder "Zwischenspeichern" wähle, im Backend springt WP auf "visuell" und der Editor haut sofort wieder die Image Source aus dem Code raus. Speichere ich direkt danach nochmals ab oder öffnet jemand anderes den Beitrag also nochmal (weil der Beitrag noch einmal in irgendeiner Form bearbeitet wird), ist das eingebaute Bild raus und ich muss es erneut einfügen. Also dasselbe Spiel, dass der Tiny auch sonst spielt: Quellcode wird verhunzt.

Ist dieser Bug bekannt und lässt sich in irgendeiner Weise fixen?

[Loewenherz]

Okay, ich bin jetzt dem Rat aus WordPress Deutschland FAQ » Wie kann ich den WYSIWYG-Beitragseditor deaktivieren? gefolgt und hab den Tiny deaktiviert - scheint die einzige Chance zu sein, um wirklich sinnvoll mit WP arbeiten zu können.

Nervig ist allerdings ein Codeteil, der im Header erscheint und wohl auf den ImageManager zurückzuführen ist, wodurch der Quelltext nicht mehr valide ist:

<script type="text/javascript">
//<![CDATA[

function basename (path) { return path.replace( /.*\//, "" ); }

var winimg=null;
function ps_imagemanager_popup(imgurl,title,w,h) {
lpos=(screen.width)?(screen.width-w)/2:100;
tpos=(screen.height)?(screen.height-h)/2:100;
settings='width='+w+',height='+h+',top='+tpos+',le ft='+lpos+',scrollbars=no,location=no,directories= no,status=no,menubar=no,toolbar=no,resizable=yes';
winimg=window.open('about:blank','imagemanagerpopu p',settings);

var doc = '';
doc += '<html><head>';
doc += '<title>' + title + ' - ' + basename(imgurl) + '(' + w + 'x' + h +')</title>';
doc += '<style type="text/css"><!-- body { margin:0px; padding:0px; } --></style>';
doc += '</head>';
doc += '<body onload="self.focus();">';
doc += '<img style="cursorointer;" src="' + imgurl + '" title="' + title + '" onclick="self.close();"/>';
doc += '</body></html>';

winimg.document.writeln(doc);
winimg.document.close();
}

//]]>
</script>

Gibt es eine Möglichkeit, das Teil zu benutzen, ohne dieses JavaScript? Ansonsten teste ich doch mal den erstgenannten IImageBrowser.