Sauberes HTML in einen Artikel einfügen

**mantrose** · 18.02.2013, 12:49

Hallo zusammen,

wie kriege ich sauberes HTML in einen Artikel rein?
Beispiel:
Ich öffne einen Artikel. Dieser wird mir mit dem Editor angezeigt.
Ich klicke auch HTML und füge folgendes hinzu:

HTML-Code:

<p class="jetzt_testen"><a title="Jetzt kostenlos Testen!" href="innovators">Jetzt <div id="kostenlos">kostenlos Testen!</div></a></p>

Nach einem Klick auf aktualisieren, zerhaut es der Editor scheinbar und ich erhalte folgendes, wenn ich erneut auf HTML klicken:

HTML-Code:

<p class="jetzt_testen"><a title="Jetzt kostenlos Testen!" href="innovators">Jetzt</a></p>
<div id="kostenlos">kostenlos Testen!</div>

Wahrscheinlich nur ein Anfängerfehler.

BG und Dank
Mantrose

**willshedo** · 18.02.2013, 12:55

Hi,

für größere HTML-Operationen sind eigentlich extra Inhaltselemente 'HTML' statt 'Text' vorhanden.

***lucina*** · 18.02.2013, 12:57

Das ist kein sauberes HTML, sorry. <p> darf keine Blocklevel-Elemente beinhalten. Nutze <span>.

**mantrose** · 18.02.2013, 13:18

Dank euch.
Irgendwie kriege ich es nicht sauber hin:

HTML-Code:

<span class="jetzt_testen"><a title="Jetzt kostenlos Testen!" href="innovators">Jetzt <span class="kostenslos">kostenlos</span> Testen!</a></span>

Auch wenn ich das zweite Span zu einem div ändere, tut sich nichts.
Worin liegt mein Fehler?

Vielleicht im CSS?

Code:

#testen span.jetzt_testen {
	width: 256px;
	height: 214px;
	padding: 0;
	margin: 0;
	background-color: transparent;
	box-shadow: none;
	border-radius: 0;
	font-size: 24px;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	position: absolute;
	top: 28px;
	right: 0px;
}

#testen span.jetzt_testen span.kostenlos {
    font-size: 12px;
}

Vielen Dank!

**willshedo** · 18.02.2013, 13:37

Das liegt nicht am Css, sondern am TinyMCE.
Der Editor setzt es eben so voraus, daß innerhalb a nicht so geschachtelt wird. Mach mal noch ein <p> ums ganze, dann sollte es gehen.