Formular bei der Anzeige durch das “Content-Plugin Form View” im Aussehen verändert
Sie haben ein Formular durch das Content Plugin - Visforms Form View in einem Beitrag integriert.
Dazu haben Sie den Beitrag um einen Plugin-String ergänzt:
{vfformview}{"formid":"4", "show_page_heading":"false"}{/vfformview}
Nun erscheint das Formular merkwürdig formatiert:
- Die Schrift ist überall in roter Farbe.
- Die Schrift-Größe ist kleiner als erwartet.
Grund
Der HTML-Code enthält ein zusätzliches HTML code-Element.
Das zusätzliche HTML code-Element umschließt das gesamte Formular.
<div class="visforms visforms-form visforms-form-form plg-vfformview bt5 visform">
<code>
<div class="alert alert-danger error-note" style="display: none;"></div>
<script type="text/javascript"> ... </script>
<form ...>
</form>
</code>
</div>
Das HTML code-Element bringt folgendes Bootstrap CSS zur Anwendung und setzt dabei Font-Größe und Font-Farbe für das gesamte Formular.
code {
font-size: .875em;
color: var(--bs-code-color);
word-wrap: break-word;
}
Ursache
Dieses zusätzliche HTML code-Element wird nicht durch Visforms erzeugt. Das HTML code-Element ist sehr wahrscheinlich bei einem Copy&Paste des Plugin-Strings entstanden. Wenn Sie den Plugin String etwa als Vorlage aus der Dokumentation kopieren und diesen in den Beitrag kopieren, kann es vorkommen, dass dabei das HTML code-Element aus der Dokumentation mit kopiert wird.
Bei einem Copy&Paste von der Dokumentation in den Beitrag kann also der folgende falsche Plugin-String entstehen:
<code>{vfformview}{"formid":"4", "show_page_heading":"false"}{/vfformview}<code>
Das HTML code-Element ist Bestandteil der Dokumentation und bewirkt in der Dokumentation die hervorgehobene Formatierung für Code-Teile. Je nachdem, wie Sie in der Dokumentation den Plugin-String auswählen, kann es vorkommen,
- dass der Web-Browser nicht nur den eigentlichen Text,
- sondern auch das HTML code-Element kopiert.
Hinweis: Entfernen Sie im Beitrag das HTML code-Element, welches den Plugin-String umschließt.