2.2.5 Handbuch:Erweiterung/ContentDroplets: Unterschied zwischen den Versionen

Version vom 7. Dezember 2023, 10:29 Uhr

ContentDroplets ist ab BlueSpice 4.3.2 enthalten.

Um zusätzliche Funktionen in eine Wiki-Seite einzufügen, können Sie Content-Droplets verwenden. Droplets enthalten Tags, die bisher unter Einfügen > Magisches Wort aufgeführt waren. Sie ermöglichen auch den Zugriff auf einige im Wiki vorkonfigurierte Vorlagen, wie z. B. Hinweisboxen.

Hinzufügen eines Content-Droplets zu einer Seite[Bearbeiten | Quelltext bearbeiten]

So fügen Sie einer Seite ein Droplet hinzu:

Klicken Sie auf das Droplets-Symbol in der Editorleiste.
Suchen Sie nach einem Droplet-Namen in der Suchleiste des Droplets-Menüs oder durchsuchen Sie die Droplets nach Kategorie.
Wählen Sie ein Droplet aus.
Klicken Sie Einfügen.

Hinweis:Einige Droplets öffnen ein Inspektormenü, das eine weitere Schaltfläche „Einfügen“ enthält. Bestätigen Sie unbedingt auch diese Schaltfläche.

Verfügbare Content-Droplets[Bearbeiten | Quelltext bearbeiten]

Droplet	Beschreibung	Erzeugte Syntax im Quelltext
Anhänge Datei-Anhänge	Anhangsbereich für referenzierte Dokumente	`<attachments title="Attachments area">` `* [[Media:Finanzbeispiel.xlsx]]` `</attachments>`
Anzahl aller Benutzer	Zeigt die Anzahl aller Benutzer	`<bs:countusers />`
Anzahl aller Dateien	Zeigt die Anzahl aller hochgeladenen Dateien	`<bs:countfiles />`
Anzahl an Seiten	Zeigt die Anzahl der Seiten an	`<bs:countarticles />`
Anzahl an Zeichen	Zeigt die Anzahl der Zeichen oder Wörter auf einer Wiki-Seite an	`<bs:countcharacters />`
Anzahl angemeldeter Benutzer	Anzahl der aktuell angemeldeten Benutzer	`<bs:whoisonlinecount />`
Aufgabenliste v4.4+ Aufgabenliste	Fügt eine Aufgabenliste ein	[] [x] Diagramme für die neue Produktversion erstellen
Aufgabenbericht v4.4+ Aufgabenbericht	Erzeugt eine Übersicht von Aufgaben	`<taskreport user="" namespaces="0" status=""></taskreport>`
Benutzerprofil	Auf dieser Seite wird ein Benutzerprofil eingebunden	`<bs:socialentityprofile username="WikiSysop" rendertype="Short" />`
Beobachtungsliste	Letzte Änderungen an Seiten, die in der Beobachtungsliste enthalten sind	`<bs:watchlist count="5" maxtitlelength="20" order="time" />`
Besuchte Seiten	Liste mit besuchten Seiten	`<bs:pagesvisited count="7" maxtitlelength="40" order="time" />`
BPMN-Diagramm BPMN-Diagramm	BPMN-Diagramm mit verlinkten Formen	`<bpmn name="Test:Erm31642" />`
Bücherliste	Bücherliste, gefiltert auf einen Metadatenwert	`<bs:booklist filter="Author:WikiSysop" />`
Buch-Inhaltsverzeicnis	Liste aller oder einzelner Kapitel eines Buches	`<booknav book="Book001" chapter="1" />`
Buch-PDF-Link v4.4+	Ein Link, um ein Buch als PDF herunterzuladen	`{{BookPDFLink\|book=Testbook\|template=BlueSpice%20Book\|label=Book PDF Link}}`
Chemische Formel Chemische Formel	Anzeige chemischer Formeln	`<chem>H2O</chem>`
Code Codeblock	Hervorgehobener Codeblock	`<syntaxhighlight lang="css">` `.hi {background:blue;}` `</syntaxhighlight>`
Datenabfrage	Ermöglicht Abfragen über Semantic MediaWiki	`{{SMWReport\|count=10}}`
Datum Datum	Fügt ein formatiertes Datum mit Kalendersymbol ein.	`<datetime>2023-12-21</datetime>`
Diagramm Drawio Diagramm	Draw.io Diagramm zur Erstellung von Fließdiagrammen u.ä.	`<drawio filename="Mydiagram">`
Eingekreiste Zahl	Eingekreiste Zahl mit anpassbarer Farbgebung	`{{CircledNumber\|bgColor=black\|fgColor=yellow\|number=180}}`
Entscheidung	Hebt eine Entscheidung hervor und speichert sie als Seiteneigenschaft	`{{Decision\|decision=Mehr Gemüse essen}}{{Decision\|decision=Neues Auto kaufen}}`
Erfolgsmeldung	Fügt ein farbiges Feld für eine Erfolgsnotiz hinzu	`{{Textbox\|boxtype=success\|header=Erfolg!\|text=Es funktioniert\|icon=yes}}`
Fortschritt	Visualisiert den Fortschritt anhand vorgegebener Messvariablen	`<bs:statistics:progress basecount="2" progressitem="OK" width="150" baseitem="Status:" />`
Galerie Galerie	Zeigt Bilder im Gallerieformat an	`<gallery>` `File:test1.png` `File:test.pdf` `</gallery>`
Inhaltsfilter
Karte	Orte können auf einer Karte angezeigt werden	`{{Map\|Munich ~ Hallo!\|Munich, Germany}}`
Kategorienbaum	Kategorien werden als Baum angezeigt	`<categorytree>TestCat</categorytree>`
Kontrollkästchen	Auswahlkästchen, das im Ansichtsmodus aktiviert wird	`<bs:checkbox checked="true" />`
Kontrolliste	Auswahlmenü, das im Ansichtsmodus aktiviert wird	`<bs:checklist type="list" checked="true" list="Template:Status" value="Select status" />`
Letzte Änderungen	Liste der zuletzt geänderten Seiten	`{{RecentChanges\|count=5}}`
Liste angemeldeter Besucher	Pop-up Inhalt, der die eingeloggten Benutzer anzeigt	`<bs:whoisonlinepopup />`
Mathematische Formel GMathe-Formel	Anzeige von mathematischen Formeln	`<math>\tfrac{2}{4}</math>`
Meistbesuchte Seiten	Liste der am meisten aufgerufenen Wikiseiten	`<bs:toplist count="3" period="-" />`
Meldung	Einfügen eines farblich hervorgehobenen Textblocks	`{{Textbox\|boxtype=neutral\|header=\|text=Beispieltext\|icon=no}}`
Mitgliederliste	Liste aller Benutzer in einer Wiki-Gruppe	`<bs:userlist groups="sysop" count="6" />`
Modal-Button	Konfigurierbare Schaltfläche, die einen anpassbaren modalen Dialog öffnet.	`{{ModalDialog\|title=I am a dialog\|btnLabel=Klick mich!\|body=Das ist der Text\|footer=Hallo Welt}}`
Neue Benutzer	Liste der neuen Benutzer im Wiki	`<bs:newbies count="4" />`
Notiz	Fügt ein farbiges Panel für eine Notiz ein	`{{Textbox\|boxtype=note\|header=Hinweis:\|text=Beispieltext\|icon=yes}}`
PDF Kein Export	Inhalte in diesem Abschnitt sind vom PDF-Export ausgeschlossen	`<bs:uenoexport>Diesen Text nicht exportieren</bs:uenoexport>`
PDF Link	Link, der eine andere Wiki-Seite als PDF herunterlädt	`{{PDFLink\|page=Hauptseite\|template=BlueSpice\|label=PDF Link}}`
PDF Seitenumbruch	Erzwingt beim PDF-Export einen Seitenumbruch an der festgelegten Position	`<bs:uepagebreak />`
PDF Vorschau	Vorschau einer PDF-Datei auf der Wikiseite einbinden
Pro und Kontra	Tabelle zum Vergleich von Vor- und Nachteilen	`{{ProConList\|title-advantages=Advantages\|title-disadvantages=Disadvantages\|advantages=* Es ist günstig\|disadvantages=* Es ist ausverkauft}}`
QR Code	Fügt einen QR-Code in eine Wikiseite ein
Schaltfläche Schaltfläche	Als Schaltfläche formatierter Link	`{{ButtonLink\|target=Hauptseite\|label=Klick mich!\|format=blue}}`
Seite erstellen	Eingabefeld zur Seitenerstellung	`{{CreateInput\|alignment=left\|buttonlabel=Create}}`
Seitenzugriffsberechtigung	Beschränkt den Zugriff auf die Seite auf die angegebenen Gruppen	`<bs:pageaccess groups="sysop" />`
Suchfeld	Fügt dem Seiteninhalt ein Suchfeld hinzu	`<bs:tagsearch type="wikipage" namespace="QM" />`
Symbol Symbol	Fügt ein Symbol ein	`{{Icon\|bi bi-arrow-left-circle}}`
Tipp	Fügt ein farbiges Feld für einen Tipp hinzu	`{{Textbox\|boxtype=tip\|header=Tip\|text=Beispiel text\|icon=yes}}`
Unterschrift	Eine Schaltfläche zum Hinzufügen von Signaturen im Ansichtsmodus	`<bs:signhere />`
Unterseiten	Liste der Unterseiten einer Wiki-Seite	`{{Subpages\|parentpage=Meineseite}}`
Verlinkungen auf diese Seite	Liste von Seiten, die auf die aktuelle Seite verlinken	`{{Whatlinkshere\|count=5\|sort=time\|order=DESC}}`
Video	Integriert Videos von verschiedenen Plattformen	`<embedvideo service="youtube">JILEkPu61Ao</embedvideo>`
Warnmeldung	Fügt ein farbiges Feld für einen Warnhinweis hinzu	`{{Textbox\|boxtype=warning\|header=Achtung!\|text=\|icon=yes}}`
Wichtige Meldung	Fügt einen farbigen Block zur Texthervorhebung ein	`{{Textbox\|boxtype=important\|header=OMG\|text=Important\|icon=yes}}`
Wortwolke	Tag-Cloud basierend auf Kategorien oder Suchanfragen	`<bs:tagcloud renderer="list" store="category" />`

Beispiele für Outputs[Bearbeiten | Quelltext bearbeiten]

Schaltfläche[Bearbeiten | Quelltext bearbeiten]

Meine Seite

Data query[Bearbeiten | Quelltext bearbeiten]

Inspektor-Einstellungen

setting	value	description
Category	Administration, Customization	the returned pages need to be in one of these categories (optional)
Namespace	Main, Manual	the returned pages need to be in one of these namespaces (optional)
Modified	All, Since, Before	sets a date filter
Printout statements	Last editor is\|Modification date	adds page properties in parentheses
Format	Bulleted list, numbered list	the output is in one of two lists formats
Number	6	Number of pages that are returned

Beispiel

<dataquery namespaces="Handbuch" modified="+" printouts="Letzter_Bearbeiter_ist|Zuletzt_geändert" format="ul" count="6" />

Output

Modal-Button[Bearbeiten | Quelltext bearbeiten]

Google.com

PDF-Vorschau[Bearbeiten | Quelltext bearbeiten]

Pro und Kontra[Bearbeiten | Quelltext bearbeiten]

Vorteile	Nachteile
billig bekannt leicht zugänglich	etwas veraltete Oberfläche nicht anpassbar GDSGVO-Konformität unklar

Tipp[Bearbeiten | Quelltext bearbeiten]

This is a tip message.

Watchlist[Bearbeiten | Quelltext bearbeiten]

Zeigt dem aktuellen Benutzer die zuletzt geänderten Seiten an, die sich auf seiner/ihrer Merkliste befinden:<bs:watchlist count="5" maxtitlelength="100" order="time" />

More info[Bearbeiten | Quelltext bearbeiten]

Technische Referenz: ContentDroplets

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

@@ Zeile 45: / Zeile 45: @@
 |<code><nowiki><bs:whoisonlinecount /></nowiki></code>
 |-
-|[[Handbuch:Erweiterung/SimpleTasks|Aufgabenliste]] {{PopImg|file=droplet-Aufgabenliste.png|alt=Checkbox mit der Beschreibung "Diagramme für neue Produktversion erstellen"|caption=Aufgabenliste|width=600}}
+|[[Handbuch:Erweiterung/SimpleTasks|Aufgabenliste]] {{Bsvs|bsvFrom=4.4}}{{PopImg|file=droplet-Aufgabenliste.png|alt=Checkbox mit der Beschreibung "Diagramme für neue Produktversion erstellen"|caption=Aufgabenliste|width=600}}
 |Fügt eine Aufgabenliste ein
-|<code>[x] Diagramme für die neue Produktversion erstellen</code>
+|[] [x] Diagramme für die neue Produktversion erstellen
 |-
-|[[Handbuch:Erweiterung/SimpleTasks#Aufgabenbericht|Aufgabenbericht]]
+|[[Handbuch:Erweiterung/SimpleTasks#Aufgabenbericht|Aufgabenbericht]] {{Bsvs|bsvFrom=4.4}}{{PopImg|file=droplet-Aufgabenbericht.png|alt=Tabellarischer Aufgabenbericht|caption=Aufgabenbericht|width=600}}
 |Erzeugt eine Übersicht von Aufgaben
 |<code><nowiki><taskreport user="" namespaces="0" status=""></taskreport></nowiki></code>
@@ Zeile 72: / Zeile 72: @@
 | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Bücherliste, gefiltert auf einen Metadatenwert
 |<code><nowiki><bs:booklist filter="Author:WikiSysop" /></nowiki></code>
+|-
+|Buch-Inhaltsverzeicnis
+|Liste aller oder einzelner Kapitel eines Buches
+|<code><nowiki><booknav book="Book001" chapter="1" /></nowiki></code>
 |-
 |Buch-PDF-Link{{Bsvs|bsvFrom=4.4}}
 |Ein Link, um ein Buch als PDF herunterzuladen
-|
+|<code><nowiki>{{BookPDFLink|book=Testbook|template=BlueSpice%20Book|label=Book PDF Link}}</nowiki></code>
-====== <code><nowiki>{{BookPDFLink|book=Testbook|template=BlueSpice%20Book|label=Book PDF Link}}</nowiki></code> ======
 |-
 | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[[wikipedia:Help:Displaying_a_formula#Chemistry|Chemische Formel]] {{PopImg|file=chem.png|alt=Screenshot einer Chemischen Formel|caption=Chemische Formel|width=600}}
 | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Anzeige chemischer Formeln
 |<code><nowiki><chem>H2O</chem></nowiki></code>
 |-
 | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[[Referenz:SyntaxHighlight|Code]] {{PopImg|file=syntaxhighlight.png|alt=Screenshot eines Codeblocks|caption=Codeblock}}
 | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Hervorgehobener Codeblock
 |<code><nowiki><syntaxhighlight lang="css"></nowiki></code>
@@ Zeile 94: / Zeile 97: @@
 |<code><nowiki>{{SMWReport|count=10}}</nowiki></code>
 |-
 |Datum {{PopImg|file=droplet-datum.png|alt=formatiertes Datumsbeispiel|caption=Datum|width=600}}
 |Fügt ein formatiertes Datum mit Kalendersymbol ein.
 |<code><nowiki><datetime>2023-12-21</datetime></nowiki></code>
 |-
 | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[[Handbuch:Erweiterung/DrawioEditor|Diagramm]] {{PopImg|file=BlueSpice system architecture high level.drawio.png|alt=Screenshot einer Server Architektur als Diagramm|caption=Drawio Diagramm|width=600}}
 | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Draw.io Diagramm zur Erstellung von Fließdiagrammen u.ä.
 |<code><nowiki><drawio filename="Mydiagram"></nowiki></code>
@@ Zeile 118: / Zeile 121: @@
 |<code><nowiki><bs:statistics:progress basecount="2" progressitem="OK" width="150" baseitem="Status:" /></nowiki></code>
 |-
 | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[[mediawikiwiki:Help:Images#Gallery_syntax|Galerie]] {{PopImg|file=droplet gallery.png|alt=Screenshot einer Galerie mit drei Fischen|caption=Galerie|width=}}
 | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Zeigt Bilder im Gallerieformat an
 |<code><nowiki><gallery></nowiki></code>
@@ Zeile 153: / Zeile 156: @@
 |-
 | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[[Referenz:BlueSpiceWhoIsOnline|Liste angemeldeter Besucher]]
-| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Pop-up Inhalt, der die eingeloggten Benutzer anzeigt
+| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" | Pop-up Inhalt, der die eingeloggten Benutzer anzeigt
 |<code><nowiki><bs:whoisonlinepopup /></nowiki></code>
 |-
 | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[[mediawikiwiki:Help:VisualEditor/User_guide#Editing_mathematical_formulae|Mathematische Formel]] {{PopImg|file=math.png|alt=Screenshot einer Mathe-Formel|caption=GMathe-Formel|width=}}
 | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Anzeige von mathematischen Formeln
 |<code><nowiki><math>\tfrac{2}{4}</math></nowiki></code>
@@ Zeile 170: / Zeile 173: @@
 | style="width:190px;" |Mitgliederliste
 |Liste aller Benutzer in einer Wiki-Gruppe
-|<code><bs:userlist groups="sysop" count="6" /></code>
+|<code><nowiki><bs:userlist groups="sysop" count="6" /></nowiki></code>
 |-
 | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Modal-Button
@@ Zeile 177: / Zeile 180: @@
 |-
 | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[[Handbuch:Erweiterung/BlueSpiceSmartList|Neue Benutzer]]
 | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Liste der neuen Benutzer im Wiki
 |<code><nowiki><bs:newbies count="4" /></nowiki></code>
 |-
@@ Zeile 193: / Zeile 196: @@
 |-
 | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |PDF Seitenumbruch
 | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Erzwingt beim PDF-Export einen Seitenumbruch an der festgelegten Position
 |<code><nowiki><bs:uepagebreak /></nowiki></code>
 |-
 |PDF Vorschau
 |Vorschau einer PDF-Datei auf der Wikiseite einbinden
 |
@@ Zeile 208: / Zeile 211: @@
 |
 |-
 | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Schaltfläche {{PopImg|file=HW-ButtonLink-de.png|alt=Screenshot von drei Schaltflächen in weiß, rot und blau|caption=Schaltfläche|width=400}}
 | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Als Schaltfläche formatierter Link
 |<code><nowiki>{{ButtonLink|target=Hauptseite|label=Klick mich!|format=blue}}</nowiki></code>
@@ Zeile 220: / Zeile 223: @@
 |<code><nowiki><bs:pageaccess groups="sysop" /></nowiki></code>
 |-
 | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[[Handbuch:Erweiterung/BlueSpiceTagSearch|Suchfeld]]
 | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Fügt dem Seiteninhalt ein Suchfeld hinzu
 |<code><nowiki><bs:tagsearch type="wikipage"  namespace="QM" /></nowiki></code>
 |-
-| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Symbol {{PopImg|file=icon.png|alt=Screenshot einer Gewinner-Schleife |caption=Symbol|width=}}
+| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" | Symbol {{PopImg|file=icon.png|alt=Screenshot einer Gewinner-Schleife |caption=Symbol|width=}}
 | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Fügt ein Symbol ein
 |<code><nowiki>{{Icon|bi bi-arrow-left-circle}}</nowiki></code>
@@ Zeile 258: / Zeile 261: @@
 | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[[Handbuch:Erweiterung/BlueSpiceTagCloud|Wortwolke]]
 | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Tag-Cloud basierend auf Kategorien oder Suchanfragen
-|<code><nowiki><bs:tagcloud renderer="list" store="category" /></nowiki></code>
+| <code><nowiki><bs:tagcloud renderer="list" store="category" /></nowiki></code>
 |}
-== Beispiele für Outputs ==
+==Beispiele für Outputs==
-=== Schaltfläche ===
+===Schaltfläche===
 {{ButtonLink|external=no|target=Hauptseite|label=Meine Seite|format=blue}}
-=== Data query ===
+===Data query===
 '''Inspektor-Einstellungen'''
 {| class="wikitable"
@@ Zeile 272: / Zeile 275: @@
 !description
 |-
 |Category
 |Administration, Customization
 |the returned pages need to be in one of these categories (optional)
@@ Zeile 282: / Zeile 285: @@
 |Modified
 |All, Since, Before
 |sets a date filter
 |-
 |Printout statements
@@ Zeile 303: / Zeile 306: @@
 <dataquery namespaces="Handbuch" modified="+" printouts="Letzter_Bearbeiter_ist|Zuletzt_geändert" format="ul" count="6" />
-=== Modal-Button ===
+===Modal-Button===
 {{ModalDialog|title=Legal notice|btnLabel=Google.com|body=Sie verlassen diese Webseite. Wir sind für den Inhalt externer Webseiten nicht verantwortlich.
 [https://google.com Zu google.com]|bgcolor=blue|footer=}}
-=== PDF-Vorschau ===
+===PDF-Vorschau===
 <pdf height="800">File:Raspberry_pi.pdf</pdf>
@@ Zeile 321: / Zeile 324: @@
 {{Textbox|boxtype=tip|header=|text=This is a tip message.|icon=yes}}
-=== Watchlist ===
+=== Watchlist===
 Zeigt dem aktuellen Benutzer die zuletzt geänderten Seiten an, die sich auf seiner/ihrer Merkliste befinden:<nowiki><bs:watchlist count="5" maxtitlelength="100" order="time" /></nowiki>
 ==More info==