2.2.8 Reiter (Tabs)

Keine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
Keine Bearbeitungszusammenfassung
 
(14 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}}
{{BSVersion|bsvFrom=4.4|bsvFeature=TabberNeue}}
==Einfache Tabs==
==Einfache Tabs==
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}}
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}}
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>
|-|Titel für Tab 1=
Der Inhalt für Tab 1.
|-|Titel für Tab 2=
Der Inhalt für Tab 2.
|-|Titel für Tab 1=
Der Inhalt für Tab 3.
</tabber>
</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.
==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.
[[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">
<tabber>
|-|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.
}}
</tabber>
</syntaxhighlight>
== PDF Ausdruck ==
Die Reiter-Bezeichnungen selbst werden im PDF nicht mitausgedruckt. Die Bezeichnungen müssen daher  im Textinhalt des jeweiligen Reiters wiederholt werden, falls die Seite für den PDF Druck berücksichtigt werden muss.<syntaxhighlight lang="text">
<tabber>
|-|Titel für Tab 1=
<b>Titel für Tab 1</b>
Der Inhalt für Tab 1.
|-|Titel für Tab 2=
<b>Titel für Tab 2</b>
Der Inhalt für Tab 2.
|-|Titel für Tab 3=
<b>Titel für Tab 3</b>
Der Inhalt für Tab 3.
</tabber>
</syntaxhighlight>Hinweis zur Barrierefreiheit: Wenn Sie hier in den einzelnen Reitern umfangreiche Inhalte haben, ist es unter Umständen nötig, die im Inhalt wiederholten Tab-Bezeichnungen als Überschriften zu formatieren.
==Transklusion==
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 <code>pageName|tabName</code> erstellt und durch eine neue Zeile getrennt.
{{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><tabbertransclude> </nowiki> und <nowiki></tabbertransclude></nowiki> weg.|icon=no}}
<syntaxhighlight lang="text">
<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>
</syntaxhighlight>
=== Beispiel ===
Diese Transklusion zeigt den Inhalt der Seiten ''MeineTransklusion1'' and ''MeineTransklusion2'' in Tabs.
<syntaxhighlight lang="text">
<tabbertransclude>
MeineTransklusion1|Sseite 1
MeineTransklusion2|Seite 2
</tabbertransclude>
</syntaxhighlight>So erstellen Sie die Tabs:
# '''Wählen''' Sie ''Einfügen>Tabber (transclusion)'' im Editor.
# '''Schreiben''' Sie die notwendigen Zeilen in den Tabber-Inspector:<syntaxhighlight lang="text">
MeineTransklusion1|Seite 1
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)]]
# '''Klicken''' Sie ''Fertig''.
# '''Speichern''' Sie die Seite.
'''Das ist die Ausgabe:'''
<tabbertransclude>
MeineTransklusion1|Seite 1
MeineTransklusion2|Seite 2
</tabbertransclude>
==Automatisch generierte Wartungskategorien verstecken ==
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:
#'''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''
#'''Ersetzen''' Sie den Text der Seite <span style="color: rgb(37, 37, 37)">‎</span>  durch einen Bindestrich ("-").
#'''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
{{translation}}

Aktuelle Version vom 10. Mai 2024, 11:54 Uhr

TabberNeue ist ab BlueSpice 4.4 enthalten.

Einfache Tabs[Bearbeiten | Quelltext bearbeiten]

Wenn Sie Seiteninhalte in Reitern organisieren möchten, können Sie hierfür eine spezielle Syntax in der Quelltextbearbeitung verwenden.

Die Inhalte der Reiter können nicht im visuellen Bearbeitungsmodus eingefügt werden. Es ist jedoch möglich, Wiki-Seiten als Inhalt der Tabs anzuzeigen (zu transkludieren).

Reiter (Tabs) werden mit tabName=tabBody erstellt und durch |-| getrennt. Sie können in den Registerkarten jeden Inhalt verwenden, einschließlich Vorlagen und Bildern.

Standard-Reiter
Wenn Sie die Tabs über das Visual Editor "Einfügen"-Menü erstellen, lassen Sie die Start- und End-Tags <tabber> und </tabber> weg.
<tabber>
|-|Titel für Tab 1=
Der Inhalt für Tab 1.
|-|Titel für Tab 2=
Der Inhalt für Tab 2.
|-|Titel für Tab 1=
Der Inhalt für Tab 3.
</tabber>

Wenn Sie die Tabs über das Visual Editor "Einfügen"-Menü erstellen, lassen Sie die Start- und End-Tags <tabber> / </tabber> weg.

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
Wenn Sie die Tabs über das Visual Editor "Einfügen"-Menü erstellen, lassen Sie die Start- und End-Tags <tabber> und </tabber> weg.
<tabber>
|-|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.
 }}
</tabber>

PDF Ausdruck[Bearbeiten | Quelltext bearbeiten]

Die Reiter-Bezeichnungen selbst werden im PDF nicht mitausgedruckt. Die Bezeichnungen müssen daher im Textinhalt des jeweiligen Reiters wiederholt werden, falls die Seite für den PDF Druck berücksichtigt werden muss.

<tabber>
|-|Titel für Tab 1=

<b>Titel für Tab 1</b>

Der Inhalt für Tab 1.
|-|Titel für Tab 2=

<b>Titel für Tab 2</b>

Der Inhalt für Tab 2.
|-|Titel für Tab 3=

<b>Titel für Tab 3</b>

Der Inhalt für Tab 3.
</tabber>

Hinweis zur Barrierefreiheit: Wenn Sie hier in den einzelnen Reitern umfangreiche Inhalte haben, ist es unter Umständen nötig, die im Inhalt wiederholten Tab-Bezeichnungen als Überschriften zu formatieren.

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




Feedback zur Dokumentation ist im Community-Forum möglich.