Handbuch:Erweiterung/TabberNeue: Unterschied zwischen den Versionen

Margit Link-Rodrigue (Diskussion | Beiträge)
Keine Bearbeitungszusammenfassung
Markierung: Quelltext-Bearbeitung 2017
Margit Link-Rodrigue (Diskussion | Beiträge)
Keine Bearbeitungszusammenfassung
 
(10 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
<bs:bookshelf src="Buch:Benutzerhandbuch" />
{{DISPLAYTITLE:Reiter (Tabs) im Seiteninhalt}}
{{DISPLAYTITLE:Reiter (Tabs) im Seiteninhalt}}
{{BSVersion|bsvFrom=4.4|bsvFeature=TabberNeue}}
==Einfache Reiter==
==Einfache Tabs==
Reiter ermöglichen es, platzsparend Textblöcke auf einer Seite anzuordnen.
Wenn Sie Seiteninhalte in Reitern organisieren möchten, können Sie hierfür eine spezielle Syntax in der Quelltextbearbeitung verwenden.{{Textbox|boxtype=important|header=|text=Die Inhalte der Reiter können nicht im visuellen Bearbeitungsmodus eingefügt werden. Es ist jedoch möglich, [[#Transklusion|Wiki-Seiten als Inhalt der Tabs anzuzeigen (zu transkludieren)]].|icon=no}}
[[Datei:TabberNeue Standard.png|alternativtext=Beispieltext aus der IT mit 4 Reitern und ausgewähltem ersten Reiter|zentriert|mini|650x650px|Inhaltsorganisation mit Reitern]]
Reiter (Tabs) werden mit <code>tabName=tabBody</code> erstellt und durch <code>|-|</code> getrennt. Sie können in den Registerkarten jeden Inhalt verwenden, einschließlich Vorlagen und Bildern.[[Datei:TabberNeue Standard.png|zentriert|mini|550x550px|Standard-Reiter]]


{{Textbox|boxtype=important|header=|text=Wenn Sie die Tabs über das Visual Editor "Einfügen"-Menü erstellen, lassen Sie die Start- und End-Tags <nowiki><tabber> </nowiki> und <nowiki></tabber></nowiki> weg.|icon=n0}}


<syntaxhighlight lang="text">
 
<tabber>
Wenn Sie Seiteninhalte in Reitern organisieren möchten, können Sie hierfür über das Einfügen–Menü der Editorleiste die Funktion "'''Tabber'''" nutzen.
|-|Titel für Tab 1=
[[Datei:Erweiterung TabberNeue - einfügen.png|alternativtext=Hervorgehobene Menüpunkte "Tabber" und "Tabber (transclusion)" im Einfügen-Menü|zentriert|mini|275x275px|Reiter erstellen]]
Der Inhalt für Tab 1.
 
|-|Titel für Tab 2=
Die Reiter können im Tabber-Dialog schnell erstellt werden. Ein neuer Reiter wird wie folgt gekennzeichnet:<syntaxhighlight lang="text">
Der Inhalt für Tab 2.
|-|Reiter-Label 1=
|-|Titel für Tab 1=
Inhalt Reiter 1
Der Inhalt für Tab 3.
|-|Reiter-Label 2=
</tabber>
Inhalt Reiter 2
</syntaxhighlight>Wenn Sie die Tabs über das Visual Editor "Einfügen"-Menü erstellen,  lassen Sie die Start- und End-Tags  <code><nowiki><tabber></nowiki></code> / <code><nowiki></tabber></nowiki></code>  weg.
</syntaxhighlight>
[[Datei:Erweiterung TabberNeue - Dialog.png|alternativtext=TabberNeue Dialog mit Text und Überschriften für zwei Beispiel-reiter|zentriert|mini|650x650px|Reiter erstellen]]


==Verschachtelte Reiter==
==Verschachtelte Reiter==
Verschachtelte Tabber müssen als Parserfunktionen geschrieben werden. Anstelle der <nowiki><code><tabber/></code></nowiki>-Tags werden sie mit <nowiki><code>{{#tag:tabber|}}</code></nowiki> umschlossen und durch  <nowiki><code>{{!}}-{{!}}</code></nowiki> getrennt.
Verschachtelte Tabber müssen als Parserfunktionen geschrieben werden. Anstelle der <nowiki><code><tabber/></code></nowiki>-Tags werden sie mit <nowiki><code>{{#tag:tabber|}}</code></nowiki> umschlossen und durch  <nowiki><code>{{!}}-{{!}}</code></nowiki> getrennt.
[[Datei:TabberNeue Verschachtelte Reiter.png|alternativtext=Beispiel von 4 Reitern. Die untergeordenten Reiter des 1. Hauptreiters sind geöffnet.|zentriert|mini|650x650px|Verschachtelte Reiter]
[[Datei:TabberNeue Verschachtelte Reiter.png|alternativtext=Beispiel von 4 Reitern. Die untergeordenten Reiter des 1. Hauptreiters sind geöffnet.|zentriert|mini|650x650px|Verschachtelte Reiter]]
 
]{{Textbox|boxtype=important|header=|text=Wenn Sie die Tabs über das Visual Editor "Einfügen"-Menü erstellen, lassen Sie die Start- und End-Tags <nowiki><tabber> </nowiki> und <nowiki></tabber></nowiki> weg.|icon=no}}


<syntaxhighlight lang="text">
<syntaxhighlight lang="text">
<tabber>
|-|First Tab Title=
|-|First Tab Title=
{{#tag:tabber|
{{#tag:tabber|
Zeile 60: Zeile 55:
  Tab content I goes here.
  Tab content I goes here.
  }}
  }}
</tabber>
</syntaxhighlight>
</syntaxhighlight>


Zeile 78: Zeile 72:
<syntaxhighlight lang="text">
<syntaxhighlight lang="text">
<tabbertransclude>
<tabbertransclude>
MeineTransklusion1|Page 1
MeineTransklusion1|Sseite 1
MeineTransklusion2|Page 2
MeineTransklusion2|Seite 2
</tabbertransclude>
</tabbertransclude>
</syntaxhighlight>So erstellen Sie die Tabs:
</syntaxhighlight>So erstellen Sie die Tabs:


# '''Select''' ''Insert>Tabber(transclusion)'' in the editor toolbar.
# '''Wählen''' Sie ''Einfügen>Tabber (transclusion)'' im Editor.
# '''Write''' the necessary lines in the tabber inspector pop-up:
# '''Schreiben''' Sie die notwendigen Zeilen in den Tabber-Inspector:<syntaxhighlight lang="text">
# '''Click''' ''Done''.
MeineTransklusion1|Seite 1
# '''Save''' the page. <syntaxhighlight lang="text">
MeineTransklusion2|Seite 2</syntaxhighlight>[[Datei:1713254980311 Tabber transclusion.png|alternativtext=Inspector window with two example pages transcluded in two tabs|zentriert|mini|650x650px|Inspector-Dialog für Tabber (transclusion)]]
MeineTransklusion1|Page 1
# '''Klicken''' Sie ''Fertig''.
MeineTransklusion2|Page 2
# '''Speichern''' Sie die Seite.  


</syntaxhighlight>
'''Das ist die Ausgabe:'''
[[File:1713253509342 tabber transclude.png|alt=inspector window with code for transcluding two pages in two tabs.|center|thumb|750x750px|Inspector window for transcluding two pages]]


 
<tabbertransclude>
'''This is the output:'''<tabbertransclude>
MeineTransklusion1|Seite 1
MeineTransklusion1|Page 1
MeineTransklusion2|Seite 2
MeineTransklusion2|Page 2
</tabbertransclude>
</tabbertransclude>


=== Maintenance categories ===
This extension automatically inserts a tracking category on pages with tabs. To suppress them, change the content of the related system messages.
# '''Go to''' page ''Special:TrackingCategories'' in your wiki.
# '''Click on''' tabberneue-tabber-category  and ''tabberneue-tabbertransclude-category'' in the column ''Message name'' (2nd column).
# '''Replace''' the existing content  with a dash ("-"). The category will no longer be displayed on your wiki pages.
# '''Save''' the page.
The system category is no longer displayed on your wiki pages.
See also: [https://www.mediawiki.org/wiki/Help:Tracking%20categories]


==Automatisch generierte Wartungskategorien verstecken ==
==Automatisch generierte Wartungskategorien verstecken ==
Zeile 115: Zeile 96:
Um  diese Kategorien auszublenden:
Um  diese Kategorien auszublenden:


'''Gehen''' Sie in Ihrem Wiki zur Seite ''Spezial:TrackingCategories''
#'''Gehen''' Sie in Ihrem Wiki zur Seite ''Spezial:TrackingCategories''
#'''Klicken''' Sie in der Spalte ''Name der Nachricht'' auf ''Pages using Tabber parser tag‎'' oder ''Pages using TabberTransclude parser tag''
#'''Klicken''' Sie in der Spalte ''Name der Nachricht'' auf ''Pages using Tabber parser tag‎'' oder ''Pages using TabberTransclude parser tag''
#'''Ersetzen''' Sie den Text der Seite <span style="color: rgb(37, 37, 37)">‎</span>  durch einen Bindestrich ("-").
#'''Ersetzen''' Sie den Text der Seite <span style="color: rgb(37, 37, 37)">‎</span>  durch einen Bindestrich ("-").
Zeile 124: Zeile 105:
Die Kategorie wird  anschließend nicht mehr auf Ihren Wiki-Seiten angezeigt.
Die Kategorie wird  anschließend nicht mehr auf Ihren Wiki-Seiten angezeigt.


<span><span /><span /><span /><span /><span /><br /></span>
Siehe: https://www.mediawiki.org/wiki/Help:Tracking%20categories
Siehe: https://www.mediawiki.org/wiki/Help:Tracking%20categories-->


{{translation}}
{{translation}}

Aktuelle Version vom 29. September 2026, 08:08 Uhr

PDF-Ausschluss - Start
← Erweiterung
no subpages
PDF-Ausschluss - Ende

Einfache Reiter[Bearbeiten | Quelltext bearbeiten]

Reiter ermöglichen es, platzsparend Textblöcke auf einer Seite anzuordnen.

Beispieltext aus der IT mit 4 Reitern und ausgewähltem ersten Reiter
Inhaltsorganisation mit Reitern


Wenn Sie Seiteninhalte in Reitern organisieren möchten, können Sie hierfür über das Einfügen–Menü der Editorleiste die Funktion "Tabber" nutzen.

Hervorgehobene Menüpunkte "Tabber" und "Tabber (transclusion)" im Einfügen-Menü
Reiter erstellen

Die Reiter können im Tabber-Dialog schnell erstellt werden. Ein neuer Reiter wird wie folgt gekennzeichnet:

|-|Reiter-Label 1=
Inhalt Reiter 1
|-|Reiter-Label 2=
Inhalt Reiter 2
TabberNeue Dialog mit Text und Überschriften für zwei Beispiel-reiter
Reiter erstellen

Verschachtelte Reiter[Bearbeiten | Quelltext bearbeiten]

Verschachtelte Tabber müssen als Parserfunktionen geschrieben werden. Anstelle der <code><tabber/></code>-Tags werden sie mit <code>{{#tag:tabber|}}</code> umschlossen und durch <code>{{!}}-{{!}}</code> getrennt.

Beispiel von 4 Reitern. Die untergeordenten Reiter des 1. Hauptreiters sind geöffnet.
Verschachtelte Reiter
|-|First Tab Title=
{{#tag:tabber|
 Tab Title A=
 Tab content A goes here.
 {{!}}-{{!}}
 Tab Title B=
 Tab content B goes here.
 {{!}}-{{!}}
 Tab Title C=
 Tab content C goes here.
 }}
|-|Second Tab Title=
{{#tag:tabber|
 Tab Title D=
 Tab content D goes here.
 {{!}}-{{!}}
 Tab Title E=
 Tab content E goes here.
 {{!}}-{{!}}
 Tab Title F=
 Tab content F goes here.
 }}
|-|Third Tab Title=
{{#tag:tabber|
 Tab Title G=
 Tab content G goes here.
 {{!}}-{{!}}
 Tab Title H=
 Tab content H goes here.
 {{!}}-{{!}}
 Tab Title I=
 Tab content I goes here.
 }}

Transklusion[Bearbeiten | Quelltext bearbeiten]

Beim Transklusionsmodus werden ganze Wiki-Seiten in den Reitern transkludiert. Die Seiten werden bei Bedarf mit AJAX transkludiert, indem eine Anfrage an die MediaWiki-API gestellt wird. Einmal angefordert, werden sie erst wieder abgerufen, wenn die Seite neu geladen wird. Beachten Sie, dass Tabs auf der transkludierten Seite nicht gerendert werden. Tabs werden mit pageName|tabName erstellt und durch eine neue Zeile getrennt.

Wenn Sie die Tabs über das Visual Editor "Einfügen"-Menü erstellen, lassen Sie die Start- und End-Tags <tabbertransclude> und </tabbertransclude> weg.
<tabbertransclude> 
Name der ersten Seite|Titel des ersten Tabs 
Name der zweiten Seite|Titel des zweiten Tabs 
Name der dritten Seite|Titel des dritten Tabs 
</tabbertransclude>

Beispiel[Bearbeiten | Quelltext bearbeiten]

Diese Transklusion zeigt den Inhalt der Seiten MeineTransklusion1 and MeineTransklusion2 in Tabs.

<tabbertransclude>
MeineTransklusion1|Sseite 1
MeineTransklusion2|Seite 2
</tabbertransclude>

So erstellen Sie die Tabs:

  1. Wählen Sie Einfügen>Tabber (transclusion) im Editor.
  2. Schreiben Sie die notwendigen Zeilen in den Tabber-Inspector:
    MeineTransklusion1|Seite 1
    MeineTransklusion2|Seite 2
    
    Inspector window with two example pages transcluded in two tabs
    Inspector-Dialog für Tabber (transclusion)
  3. Klicken Sie Fertig.
  4. Speichern Sie die Seite.

Das ist die Ausgabe:

Das ist der Inhalt der Seite MeineTransklusion1.


Automatisch generierte Wartungskategorien verstecken[Bearbeiten | Quelltext bearbeiten]

Diese Erweiterung erstellt einige, manchmal unerwünschte, automatische Wartungskategorien, die dann auf jeder Wiki-Seite angezeigt werden, die Tabs enthält. Um diese Kategorien auszublenden:

  1. Gehen Sie in Ihrem Wiki zur Seite Spezial:TrackingCategories
  2. Klicken Sie in der Spalte Name der Nachricht auf Pages using Tabber parser tag‎ oder Pages using TabberTransclude parser tag
  3. Ersetzen Sie den Text der Seite ‎ durch einen Bindestrich ("-").
  4. Speichern Sie die Seite.


Die Kategorie wird anschließend nicht mehr auf Ihren Wiki-Seiten angezeigt.

Siehe: https://www.mediawiki.org/wiki/Help:Tracking%20categories