Zur Navigation springen

Text mit Vorlagen-Tags änderbar machen

In einer selbst erstellten HTML-Vorlage können Sie mit Tags angeben, welche Elemente beim Erstellen einer Kampagne geändert werden dürfen. Für Text verwenden Sie <lp-singleline> für eine einzelne Zeile und <lp-multiline> für einen Block aus mehreren Zeilen. Der Text, den Sie zwischen die Tags setzen, erscheint im Editor als Standardwert.

Diese Tags gelten nur für eine importierte HTML-Vorlage, nicht für den Drag & Drop-Editor. Wie Sie eine solche Vorlage importieren, lesen Sie unter Eigene HTML-Vorlage importieren.

Eine einzelne Zeile mit <lp-singleline>

Verwenden Sie <lp-singleline>, um ein kurzes Textstück änderbar zu machen, wie etwa eine Überschrift oder eine Bildunterschrift.

Beim Befüllen der Vorlage kann der Redakteur den Text mit einem Link versehen und die Ausrichtung (links, rechts oder Mitte) anpassen. Steht das Tag in Ihrem HTML-Code bereits innerhalb eines Links, verwendet der Editor diesen Link als Standardwert. Darüber hinaus sind bewusst keine Anpassungen am Design möglich.

Optionen

Mit fünf Attributen können Sie festlegen, was der Redakteur mit der Zeile tun kann.

lp-label

Zeigt den Wert dieses Attributs im Editor über dem Textfeld an.

lp-disable-href

Deaktiviert die Möglichkeit, aus der Zeile einen Link zu machen. Befand sich in der Vorlage bereits ein Link um die Zeile, kann dieser nicht mehr angepasst werden.

lp-toc

Setzt diese Zeile standardmäßig in das Inhaltsverzeichnis, einschließlich aller Wiederholungen, wenn die Zeile innerhalb eines Repeaters steht. Beim Befüllen des Newsletters kann der Redakteur pro Zeile dennoch auswählen, ob sie in das Inhaltsverzeichnis aufgenommen wird.

lp-disable-align

Deaktiviert das Anpassen der Ausrichtung.

lp-toolbar

Beschränkt die Auswahlmöglichkeiten für die Ausrichtung, zum Beispiel auf nur links und rechts: lp-toolbar="alignLeft,alignRight". Die möglichen Werte sind alignLeft, alignRight und alignCenter. Einen einzelnen Wert anzugeben ist nicht sinnvoll, und alle drei anzugeben hat denselben Effekt wie das Weglassen des Attributs.

Beispiele

Eine Überschrift, aus der der Redakteur im Editor einen Link machen kann:

<h2><lp-singleline lp-label="Überschrift über Newsletter">Die neuesten Nachrichten</lp-singleline></h2>

Dieselbe Überschrift mit einem festen Link, der nicht angepasst werden kann. Beachten Sie, dass die a-Tags außerhalb der Singleline stehen:

<a href="http://example.net"><lp-singleline lp-label="Überschrift über Newsletter" lp-disable-href>Die neuesten Nachrichten</lp-singleline></a>

Ein Textblock mit <lp-multiline>

Verwenden Sie <lp-multiline> für mehrere Textzeilen, wie etwa einen Absatz. Klickt der Redakteur dieses Element an, öffnet sich ein Editor, mit dem er den Text formatieren sowie Links, Variablen, soziale Medien und mehr einfügen kann.

Innerhalb einer Multiline kann auch ein Bild stehen. Der Text fließt dann darum herum und beim Bearbeiten kann der Redakteur das Bild links, rechts oder über die volle Breite platzieren. Wie Sie dies in Ihre Vorlage einbauen, lesen Sie unter Tags zum Ändern eines Bildes.

Optionen

lp-label

Zeigt den Wert dieses Attributs über dem Editor des Textfelds an.

lp-toolbar

Legt fest, welche Schaltflächen die Werkzeugleiste des Editors anzeigt. Ohne dieses Attribut werden alle zwölf Schaltflächen angezeigt. Wenn Sie einige Werte angeben, sind nur diese Schaltflächen sichtbar.

Dies sind die zwölf Werte für lp-toolbar:

WertSchaltfläche
boldFett
italicKursiv
strikeDurchstreichen
linkLink
bulletListAufzählungsliste
orderedListNummerierte Liste
heading2Überschrift 2
heading3Überschrift 3
alignLeftLinksbündig ausrichten
alignCenterZentrieren
alignRightRechtsbündig ausrichten
separatorTrennlinie zwischen Schaltflächen

Beispiele

Ein Absatz, der im Editor unter dem Label „Hauptabsatz“ erscheint:

<lp-multiline lp-label="Hauptabsatz">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</lp-multiline>

Eine Werkzeugleiste nur mit Fett, Kursiv, einem Link und zwei Überschriften sowie einer Trennlinie dazwischen:

<lp-multiline lp-label="Hauptabsatz" lp-toolbar="bold,italic,link,separator,heading2,heading3">Lorem ipsum</lp-multiline>

Verwandte Artikel