Hallo Heinz,
zurück zu der kaputten Tabellen-Zeile für ID 12 in der Datenliste (fehlende Rahmen = fehlende TDs).
Der zuschaltbare HTML-Editor für Felder vom Typ 'Textarea' im Frontend hat nur eine sehr eingeschränkte Auswahl an HTML-Elementen.
Diese Konfiguration des HTML-Editors führt Visforms bewusst durch.
Das Ziel dabei ist, dass man formatierten Text eingeben kann, mit den Standard Features für Text-Formatierung.
Um HTML in Textareas zu schreiben ist es daher fest vorgesehen, dass der HTML-Editor unbedingt verwendet wird.
Die HTML-Editoren können etwa Bilder und Links einfügen.
Diese funktionieren, je nach Einstellung und Art der Nutzung, an dieser Stelle oft nicht
Wenn du vorgefertigtes HTML kopierst und einfügst, erzeugt der Editor aus dem rohen HTML-Code einfachen lesbaren Text daraus.
Der Editor ersetzt dazu bestimmte Zeichen ( < > & ) mit ihrer jeweiligen HTML-Escape Darstellung:
Code:
<p style="text-align: center;">&nbsp;<a class="btn btn-danger" href="https://www.kurkinder.de/index.php? Itemid=524">Der Anmeldezeitraum beginnt bald!</a></p>
Dann funktioniert die Anzeige.
Du siehst den HTML-Code als lesbaren Text und nicht als gerendertes HTML.
Anders sieht es aus, wenn du vorgefertigtes HTML kopierst und einfügst ohne über den Editor zu gehen - auf welchem Weg auch immer.
Wenn also der rohe HTML-Code in der Datentabelle steht, dann kann es schnell zu Anzeige-Fehlern beim Rendern des gesamten HTMLs der Seite kommen.
Dann funktioniert die Anzeige wie bei deinem Beispiel nicht.
Das kannst du in den Entwickler-Tools des Web-Browsers deutlich sehen.
Der Web-Browser kommt an dieser Stelle der Tabelle mit den TDs durcheinander und hört für die Zeile mit der ID = 12 einfach auf.
Ein anderer Umstand/Effekt entsteht übrigens, wenn ein unangemeldeter Benutzer den HTML-Code kopiert und versucht, diesen in den Editor einzufügen.
Die Joomla Text-Filter und auch die Editor-Plugin-Konfiguration löschen für diese Benutzergruppe alles an HTML aus dem eingefügten Text heraus.
Übrig bleibt der HTML-Knoten Text, also der Text, der nach dem Rendern zu lesen wäre.
Texte in der Datentabelle, wie der aus deinem Beispiel mit ID = 12, funktionieren also nicht:
Code:
<p style="box-sizing: border-box; margin-top: 0px; margin-bottom: 1rem; color: #035353; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-size: 16px; background-color: #f4f9fa; text-align: center;">abgeschlossen.</p>
<p style="box-sizing: border-box; margin-top: 0px; margin-bottom: 1rem; color: #035353; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-size: 16px; background-color: #f4f9fa; text-align: center;"> <a class="btn btn-danger" style="box-sizing: border-box; text-decoration-line: none; color: #ffffff; display: inline-block; align-self: center; line-height: 1.5; vertical-align: middle; cursor: pointer; user-select: none; background-color: #a51f18; border: 1px solid #a51f18; padding: 0.6rem 1rem; font-size: 1rem; border-radius: 0.25rem; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;" href="https://www.kurkinder.de/index.php?Itemid=524">Der Anmeldezeitraum beginnt bald!</a></p>
<p style="box-sizing: border-box; margin-top: 0px; margin-bottom: 1rem; color: #035353; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-size: 16px; background-color: #f4f9fa; text-align: center;"><span style="box-sizing: border-box; font-weight: bolder;">Die Teilnehmeranzahl bei der Bustour ist auf 70 Personen begrenzt!</span></p>
Liebe Grüße, Ingmar