Seite 1 von 1
TinyMCE übernimmt kein border=0 für img-tags
Verfasst: Do 10. Jun 2010, 17:59
von 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?
Re: TinyMCE übernimmt kein boder=0 für img-tags
Verfasst: Fr 11. Jun 2010, 11:41
von 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?
Re: TinyMCE übernimmt kein boder=0 für img-tags
Verfasst: Mo 9. Aug 2010, 09:57
von rethus
Die Flexibilität spricht dagegen.
Re: TinyMCE übernimmt kein boder=0 für img-tags
Verfasst: Mo 9. Aug 2010, 14:01
von Oldperl
rethus hat geschrieben: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
Re: TinyMCE übernimmt kein boder=0 für img-tags
Verfasst: Mo 9. Aug 2010, 22:25
von McHubi
Die Flexibilität spricht dagegen.
Dann mach halt eine CSS-Klasse mit und eine ohne Rahmen...
Re: TinyMCE übernimmt kein border=0 für img-tags
Verfasst: Di 10. Aug 2010, 08:03
von 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.
Re: TinyMCE übernimmt kein border=0 für img-tags
Verfasst: So 29. Aug 2010, 13:00
von pauls
Wie schreibt man genau eine entsprechende CSS Klasse mit Border? Ich habe das
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.
Re: TinyMCE übernimmt kein border=0 für img-tags
Verfasst: So 29. Aug 2010, 14:55
von idea-tec
pauls hat geschrieben:Wie schreibt man genau eine entsprechende CSS Klasse mit Border?
Guggst du hier:
http://www.css4you.de/
pauls hat geschrieben: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
Re: TinyMCE übernimmt kein border=0 für img-tags
Verfasst: Mo 30. Aug 2010, 10:03
von 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:
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.