TinyMCE übernimmt kein border=0 für img-tags

[rethus]

Ich habe in den Mandanteneinstellungen unter tinymce-extended-valid-elements folgendes stehen:

Code: Alles auswählen

*[*],img[*],strong/b[class|style|id],object[classid|codebase|width|height|align|id],param[name|value],embed[quality|type|pluginspage|width|height|src|align|flashvars|id|name],input[accept|alt|checked|disabled|maxlength|name|readonly|size|src|type|class|id|value=]

Möchte ich aber einer Grafik im Eigenschaftenfenster von Tiny das border=0 attribut hinzufügen, wird dieses nicht übernommen.
Gehe ich über Tiny auf HTML-Sourcecode und gebe dort border=0 ein, wird es übernommen.
Jemand ne Idee warum?

[McHubi]

k. A., aber sofern standardmäßig kein Bild auf der gesamten Seite einen Rahmen haben soll: Was spricht dagegen das per css zu regeln?

[rethus]

Die Flexibilität spricht dagegen.

[Oldperl]

Die Flexibilität spricht dagegen.

Aber die Validität spricht dafür, da das border-Attribut als "deprecated" markiert ist.
http://de.selfhtml.org/html/grafiken/verweise.htm

Gruß aus Franken

Ortwin

[McHubi]

Die Flexibilität spricht dagegen.

Dann mach halt eine CSS-Klasse mit und eine ohne Rahmen...

[Dodger77]

Da der TinyMCE i.d.R das Plugin advimage dabei hat, könnte man es mal mit folgenden Einstellungen versuchen:

http://wiki.moxiecode.com/index.php/Tin ... s/advimage

Es sieht aber so aus, als würde die Einstellung als CSS-Anweisung umgesetzt, wenn man in dem Dialog bei "border" eine "0" angibt (was ich persönlich auch sinnvoll finde, CSS-Klassen wären dafür noch schöner). Sollte das Verhalten nicht gefallen, müsste man schon hier anfragen:

http://tinymce.moxiecode.com/punbb/

Wir können da wenig machen von hier aus. Bei nächsten Update des TinyMCE in Contenido müsste man solche Änderungen dann ja auch immer wieder nachziehen. Das würde über kurz oder lang Schwierigkeiten machen.

[pauls]

Wie schreibt man genau eine entsprechende CSS Klasse mit Border? Ich habe das

Code: Alles auswählen

.image_border {
    border-color:red;
    border-width:1px;
}

am Ende von CSS einfefügt. Dann probiere ich in HTML:

Code: Alles auswählen

<div class="image_border"><img src="..." border="0" width="300" height="258" /></div>

Border erscheint immer noch nicht. Was mache ich falsch? Danke.

[idea-tec]

Wie schreibt man genau eine entsprechende CSS Klasse mit Border?

Guggst du hier: http://www.css4you.de/

Code: Alles auswählen

<div class="image_border"><img src="..." border="0" width="300" height="258" /></div>

Border erscheint immer noch nicht. Was mache ich falsch? Danke.

Na denk mal GENAU drüber nach, was da im img-Tag mit border="0" gemeint sein könnte!!!
Danach denkst du darüber nach welchem Tag/Element du die Klasse zugewiesen hast und wie das dann mit den zugeordneten Attributen zusammenhängt

[McHubi]

Aaaaalso -> Bildrahmen per CSS-festlegen und die Klasse im Tiny nutzen in Verbindung mit einem Hinweis auf eine "üble Versuchung" im Tiny:

Im Tiny gibt's ja die Möglichkeit, Bilder vom Text umfließen zu lassen (Im Bilderpopup, Reiter "Aussehen" -> Ausrichtung) und einen Abstand zum Text einzugeben. Das führt dann zu sowas im HTML-Code:

Code: Alles auswählen

<img style="float: right; margin: 5px;"...

Fest in den Artikel reingeschrieben. Was aber, wenn plötzlich alle rechts floatenden Bilder auf Deiner Website 20 Pixel Abstand haben sollen und obendrein noch einen Rahmen? - Dann dürftest Du alle rechts floatenden Bildern in 426 Artikeln einzeln anpacken. Nicht schön. Ausweg: CSS-Klassen, ein Beispiel.

Code: Alles auswählen

img.bild_float_right {
float: right;
margin-bottom: 5px;
margin-left: 5px;
border: 1px solid #000000;
}

Anstatt jetzt im Tiny über den Reiter "Aussehen" die Ausrichtung und die Abstände händisch festzulegen, weist Du dem Bild einfach etwas weiter unten die entsprechende CSS-Klasse zu. Fertig. Wichtig ist nur, dass Du die Klasse in der CSS-Datei einbindest, auf die der Tiny zugreift. Im Demo-Mandanten ist dies die style_tiny.css

Auf die Art und Weise kannst Du alle erdenklichen Bild-Darstellungsvarianten bequem erledigen.