Im Bearbeiten Modus werden Bilder nur als HTML angezeigt, und nicht als Bild

Deine WP Version, Theme, Plugins sind aktuell - sonst gibt es keine Fehlermeldungen?
Anderes Theme schon probiert? Einen anderen Browser?

setz doch einfach mal <img src="...."> statt [image url=" ein.

Zitat von tomtimo

Habe ich jetzt mal gemacht. Brachte aber keine Änderung. Obwohl das ja schon komisch ist, dass das bei mir anders ist.
Füge ich evtl. die Bilder falsch ein? Ich habe jetzt mal nicht das Icon in der Werkzeugleiste genommen, sondern ganz oben die Schaltfläche "Dateien hinzufügen". Jetzt ist das Bild zu sehen.
Aber ich kann es nur links, mittig oder rechts ausrichten.

Ist auch korrekt. Wenn du mal zum Beispiel in der Mediathek ein Bild aufrufst, kommen auf der Rechten Seite auch nur diese Drei Anordnungsformen (Link, Mittig, Rechts).

Hast du mal das Plugin TinyMCE Advance ausprobiert?
Falls nicht versuche es mal, ich denke damit kommt man besser klar als mit den Standardbuttons die man sonst nur hat. ;)
https://wordpress.org/plugins/tinymce-advanced/

Zitat von tomtimo

Aber ich kann es nur links, mittig oder rechts ausrichten.

Äh, wie möchtest du es denn ausrichten? Mehr macht der Editor auch nicht.

Zitat von tomtimo

Na, so mitten im Text. Geht das nicht? Ich habe jetzt mit "nicht ausgerichtet" so halbwegs das Ziel erreicht.

Nein, es geht nur links, rechts, mitte. Der Editor ist kein Layout-Programm (wie nennt man das) wie z.B. Scribus. Der Text kann über, unter, links oder rechts neben dem Bild verlaufen, das muss alles in der CSS Datei angegeben werden.

Leg in deiner style.css eine eigene Definition für die Platzierung des Bildes an.

Was heißt: "So mitten im Text"? So dass der Text rechts und links um das Bild herumfließt? (Da muss man tüfteln, und es ist ziemlich unberechenbar.) Oder reicht es, dass das Bild rechts (Text umfließt es rechts) oder links (Text umfließt es links) liegt? Dann reicht eine einfache Beschreibung mit float: right oder float: left plus einer Definition für margin, damit der Text nicht an das Bild geklatscht wird.

Darfst "margin" nicht vergessen in der style.css. Ist das verständlich? Wenn nicht, schick einen Link mit einer Seite, auf der so ein Bild zu sehen ist.

Zitat von tomtimo

OK,

also es würde mir reichen, wenn links ein kleines Bild ist und dann rechts neben dem Bild der Text. Das bekomme ich auch schon hin, aber leider ist zwischen Bild und Text kein Platz. Das sieht so geklatscht aus.
Hier ein Beispiel:
[ATTACH=CONFIG]12252[/ATTACH]

Wenn es gelingt, dass da mehr platz zwischen Bild und Text ist, bin ich schon happy. :-)

Schau mal hier: http://wiki.selfhtml.org/wiki/CSS/Eigen…/Abstand/margin

Suche mal in der style.css nach folgendem Ausdruck:

CODE].imageBorder{
position:relative;
}[/CODE]

Dort ergänzt Du die Angaben für "margin", etwa so:

.imageBorder{
    position:relative;
    margin: 10px 20px 30px 40px;
}

Die Reihenfolge ist: oben, rechts, unten, links.

Wenn Du überall einen Rand von 10 Pixel haben willst, außer am linken Rand, schreibst Du:

.imageBorder{
    position:relative;
    margin: 10px 10px 10px 0;
}

Damit auf Smartphones kein Rand rechts dargestellt wird, musst Du eventuell (je nachdem, wie Dein Template funktioniert) nach Media screen suchen, und dort den Rand wieder entfernen

Füge dort folgendes ein:

.imageBorder{
    position:relative;
    margin: 10px 0;
}

(Bedeutet: oben und unten Margin von 10 px, rechts und links Margin von 0 px.)

Ich hoffe, es hilft.

Aus irgendeinem Grund wurde meine Antwort nicht gepostet. Dort habe ich noch geschrieben:

Suche mal in der style.css nach folgendem Ausdruck:

.imageBorder{
position:relative;
}

...

Damit auf Smartphones kein Rand rechts dargestellt wird, musst Du eventuell (je nachdem, wie Dein Template funktioniert) nach Media screen suchen, und dort den Rand wieder entfernen

Füge dort folgendes ein:

.imageBorder{
position:relative;
margin: 10px 0;
}

(Bedeutet: oben und unten Margin von 10 px, rechts und links Margin von 0 px.)

Ich hoffe, es hilft.

Kein Problem, hab's nicht persönlich genommen! :-)