Wiederholenden InContext Editing-Bereich erstellen

Ein wiederholender InContext Editing-Bereich ist ein Paar von HTML-Tags mit dem Attribut ice:repeating im öffnenden Tag. Der wiederholende InContext Editing-Bereich definiert einen Bereich auf der Webseite, den Benutzer beim Bearbeiten im Browser wiederholt einfügen und mit Inhalten füllen können. Wenn beispielsweise eine Überschrift und ein darauf folgender Textabschnitt vorhanden sind, können Sie diese Elemente in einen wiederholenden Bereich umwandeln, den Benutzer dann auf der Seite duplizieren können.

Bearbeitbare wiederholende Bereiche in einem InContext Editing-Browserfenster. Der untere Bereich ist markiert und kann erneut dupliziert, gelöscht oder nach oben bzw. unten verschoben werden.

Zusätzlich zum Hinzufügen wiederholender Bereiche auf der Grundlage eines Originalbereichs können Sie Benutzern auch erlauben, Bereiche zu löschen, völlig neue Bereiche (die nicht auf den Inhalten des Originalbereichs basieren) hinzuzufügen und Bereiche nach oben bzw. unten zu verschieben.

Wenn Sie einen wiederholenden Bereich erstellen, fasst Dreamweaver ihn in einen anderen Container ein, der als Gruppe wiederholender Bereiche bezeichnet wird. Dieser Container, ein div-Tag mit dem Attribut ice:repeatinggroup im öffnenden Tag, dient als Container für alle bearbeitbaren wiederholenden Bereiche, die Benutzer der Gruppe hinzufügen. Sie können wiederholende Bereiche nicht außerhalb der jeweils zugehörigen Gruppe wiederholender Bereiche verschieben. Zudem sollten Sie keine Tags für eine Gruppe wiederholender Bereiche manuell in die Seite einfügen. Dreamweaver fügt diese Tags bei Bedarf automatisch ein.

Wenn Sie eine Seite bearbeiten, die bereits eine Gruppe wiederholender Bereiche enthält und Sie direkt nach der vorhandenen Gruppe einen wiederholenden Bereich einfügen möchten, wird in Dreamweaver ermittelt, dass dem Bereich, den Sie einfügen möchten, eine Gruppe wiederholender Bereiche vorangestellt ist. Sie haben dann die Möglichkeit, den neuen Bereich der bereits vorhandenen Gruppe hinzuzufügen. Sie können festlegen, dass der neue wiederholende Bereich der vorhandenen Gruppe hinzugefügt wird, oder Sie können eine völlig neue Gruppe wiederholender Bereiche erstellen.

Um in Dreamweaver einen wiederholenden Bereich zu erstellen, führen Sie die folgenden Schritte aus.

1. Führen Sie einen der folgenden Schritte aus:

   • Markieren Sie ein Tag, das Sie in einen wiederholenden Bereich umwandeln möchten. Die Liste der möglichen Tags ist sehr umfangreich: a, abbr, acronym, address, b, big, blockquote, center, cite, code, dd, dfn, dir, div, dl, dt, em, font, h1, h2, h3, h4, h5, h6, hr, i, img, ins, kbd, label, li, menu, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, tr, tt, u, ul und var.

     Hinweis: Nur div-Tags können gleichzeitig das Attribut für einen bearbeitbaren Bereich und das Attribut für einen wiederholenden Bereich enthalten.

   • Setzen Sie die Einfügemarke an die Stelle, an der Sie einen neuen wiederholenden Bereich auf der Seite einfügen möchten.

   • Wählen Sie genau einen wiederholenden Bereich in einer Dreamweaver-Vorlage (DWT-Datei) aus.

   • Wählen Sie weitere Seiteninhalte aus, die wiederholbar sein sollen (beispielsweise eine Überschrift und ein Textblock).

2. Wählen Sie „Einfügen“ > „InContext Editing“ > „Wiederholenden Bereich erstellen“ aus.

3. Je nach Ihrer Auswahl stehen Ihnen verschiedene Optionen zur Verfügung.

   • Bei Auswahl eines Tags, das umgewandelt werden kann, wandelt Dreamweaver das Tag automatisch und ohne weitere Schritte in einen wiederholenden Bereich um.

   • Wenn Sie einen neuen, leeren wiederholenden Bereich einfügen, führen Sie einen der folgenden Schritte aus:

     • Wählen Sie die Option „Neuen wiederholenden Bereich an aktueller Einfügemarke einfügen“ aus und klicken Sie auf „OK“.

     • Wählen Sie die Option „Übergeordnetes Tag in einen wiederholenden Bereich umwandeln“ aus, wenn Dreamweaver das übergeordnete Tag der Auswahl in das Containerelement für den Bereich umwandeln soll. Nur bestimmte HTML-Tags können umgewandelt werden: a, abbr, acronym, address, b, big, blockquote, center, cite, code, dd, dfn, dir, div, dl, dt, em, font, h1, h2, h3, h4, h5, h6, hr, i, img, ins, kbd, label, li, menu, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, tr, tt, u, ul und var.

       Hinweis: Die zweite Option steht nur zur Verfügung, wenn der übergeordnete Knoten exakt den Umwandlungskriterien entspricht. Es muss sich beispielsweise um eines der aufgeführten Tags handeln, die umgewandelt werden können. Darüber hinaus darf das Tag keinen der Fehler hervorrufen, die unter InContext Editing-Fehlermeldungen aufgeführt sind.

   • Wenn Sie einen wiederholenden Bereich der Dreamweaver-Vorlage ausgewählt haben, klicken Sie im Dialogfeld „Wiederholenden Bereich erstellen“ auf „OK“. Der wiederholende Bereich der Vorlage wird in Dreamweaver in ein div-Tag eingeschlossen, das als Container für den neuen wiederholenden InContext Editing-Bereich dient.

   • Wenn Sie andere Inhalte markiert haben, die als wiederholbar eingerichtet werden sollen, führen Sie einen der folgenden Schritte aus:

     • Wählen Sie die Option „Aktuelle Auswahl in einen DIV-Tag einschließen und dann umwandeln“ aus, wenn der markierte Inhalt in div-Tags eingeschlossen und in einen wiederholenden Bereich umgewandelt werden soll. Das div-Tag, in das Dreamweaver den Inhalt einschließt, dient als Container für den wiederholenden Bereich.

     • Wählen Sie die Option „Übergeordnetes Tag in einen wiederholenden Bereich umwandeln“ aus, wenn Dreamweaver das übergeordnete Tag der Auswahl in das Containerelement für den wiederholenden Bereich umwandeln soll. Nur bestimmte HTML-Tags können umgewandelt werden: a, abbr, acronym, address, b, big, blockquote, center, cite, code, dd, dfn, dir, div, dl, dt, em, font, h1, h2, h3, h4, h5, h6, hr, i, img, ins, kbd, label, li, menu, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, tr, tt, u, ul und var.

4. Klicken Sie in der Entwurfsansicht auf die blaue Registerkarte des wiederholenden Bereichs, um ihn auszuwählen, falls dies nocht nicht geschehen ist. Beachten Sie, dass Dreamweaver dabei die Auswahl der Registerkarte für die Gruppe wiederholender Bereiche erzwingt. Der Grund hierfür ist, dass sich alle wiederholenden Bereiche innerhalb einer Gruppe wiederholender Bereiche befinden und Sie Optionen für die gesamte Gruppe festlegen müssen, wenn Sie die Optionen für einzelne wiederholende Bereiche einstellen möchten.

5. Aktivieren oder deaktivieren Sie die gewünschten Optionen im Eigenschafteninspektor für die Gruppe des wiederholenden Bereichs. Es sind zwei Optionen verfügbar: „Neu anordnen“ und „Hinzufügen/Entfernen“. Beim Aktivieren von „Neu anordnen“ können Benutzer beim Bearbeiten im Browser wiederholende Bereiche nach oben oder unten verschieben. Beim Aktivieren von „Hinzufügen/Entfernen“ können Benutzer beim Bearbeiten im Browser wiederholende Bereiche hinzufügen oder entfernen. In der Standardeinstellung sind beide Optionen aktiviert. Mindestens eine dieser Optionen muss immer aktiviert sein.

6. Speichern Sie die Seite.

   Wenn dies das erste Mal ist, dass Sie einer Seite InContext Editing-Funktionalität hinzufügen, informiert Sie Dreamweaver darüber, dass Ihrer Site Unterstützungsdateien für InContext Editing hinzugefügt werden: „ice.conf.js“, „ice.js“ und „ide.html“. Stellen Sie sicher, diese Dateien zusammen mit der Seite auf den Server hochzuladen, sonst steht die InContext Editing-Funktionalität im Webbrowser nicht zur Verfügung.