Seite 1 von 1

UL LI Listen in Tiny MCE formatieren. Version 9.1

Verfasst: Fr 28. Jan 2022, 11:17
von mtbrmatze
Hallo zusammen.

Ich trage Text und eine UL Liste in eine Textarea ein, der Quellcode Editor zeigt folgendes:

Code: Alles auswählen

<p>Hier steht ein Text</p>
<ul>
	<li>Hier eine Liste</li>
	<li>Hier der 2te Punkt</li>
	<li>Liste fertig</li>
</ul>
<p>Hier wieder Text.</p>
Nun markiere ich die UL Liste, entweder per Maus oder mit der UL Angabe unten im Footerbereich der TA.
Nun möchte ich eine CSS-Klasse zuweisen, nutze hierbei den Button in der Menüleiste und füge die Klasse "liste-ok" ein.

Die Ausgabe ist dann nicht

Code: Alles auswählen

<ul class="liste-ok">
  <li> ...
sondern folgender Code:

Code: Alles auswählen


Hier steht ein Text&nbsp;
<p>Text vor der UL</p>
<ul>
	<ul>
		<li>&nbsp;</li>
	</ul>
</ul>
<p></p>
<ul>
	<ul>
		<li><span class="liste-ok">Eintrag 1</span></li>
		<li><span class="liste-ok">Eintrag 2</span></li>
	</ul>
	<li>&nbsp;</li>
</ul>
<p>Text nach der Liste</p>
<p>&nbsp;</p>

Wie kommt es zu der leeren Liste vor der eigentlichen Liste und wieso ist diese verschachtelt?

Danke für einen Vorschlag.

Re: UL LI Listen in Tiny MCE formatieren. Version 9.1

Verfasst: Fr 28. Jan 2022, 11:37
von mtbrmatze
Hi, nochmals ich.

Ich habe in der neuen Version nun einen Eintrag gefunden.
Nun hab ich die Klasse mit ul.listeok anstatt vorher listeok verwendet.
Nun wird die Klasse bei ul angefügt, aber oberhalb der eigentlichen Liste wird immer noch eine leere ul eingefügt.
Und die bestehende Liste verschachtelt.

Code: Alles auswählen

<p>j ljsaföls fs</p>
<ul class="listeok">
	<ul class="listeok">
		<li>&nbsp;</li>
	</ul>
</ul>
<p></p>
<ul class="listeok">
	<ul>
		<li>sd fasd fsdf s</li>
		<li>&nbsp;sd fsad sa s</li>
		<li>&nbsp;fsda sfd&nbsp;</li>
		<li>&nbsp;</li>
	</ul>
	<li>&nbsp;</li>
</ul>

Re: UL LI Listen in Tiny MCE formatieren. Version 9.1

Verfasst: Fr 28. Jan 2022, 11:40
von mtbrmatze
Hingegen:

Wenn man auf den Listen Button klickt, dann vor der Texteingabe auf die Klasse geht, ist alles korrekt dargestellt.