2.2.5 Content Droplets

Version vom 24. Juli 2023, 15:13 Uhr

bsvFeature::ContentDroplets ist ab BlueSpice bsvFrom::4.3 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	Description	Inserts the following in the page source:
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 />`
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" />`
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}}`
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
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 />`
Mathe-Formel Mathematische 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	`WikiSysop BSMaintenance Gökhan Geyik Margit Link-Rodrigue Richard Heigl Florian Bäckmann`
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

Output

01 BlueSpice 3.0.1 Switch editor mode.png (Last editor is: Benutzer:Prakti, Modification date: 05 October 2022 10:58:03)
02 BlueSpice 3.0.1 Privacy Center.png (Last editor is: Benutzer:Prakti, Modification date: 05 October 2022 10:58:04)
03 BlueSpice 3.0.1 Top Navigation.png (Last editor is: Benutzer:Prakti, Modification date: 05 October 2022 10:58:03)
04 BlueSpice 3.0.1 QM Overview.png (Last editor is: Benutzer:Prakti, Modification date: 05 October 2022 10:58:04)
06 BlueSpice 3.0.1 Discussion backlink.png (Last editor is: Benutzer:Prakti, Modification date: 05 October 2022 10:58:03)
160px-Benutzereinstellungen.png (Last editor is: Benutzer:Ptechnik, Modification date: 13 December 2021 15:14:24)

Modal-Button[Bearbeiten | Quelltext bearbeiten]

Google.com

PDF-Vorschau[Bearbeiten | Quelltext bearbeiten]

Fortschritt[Bearbeiten | Quelltext bearbeiten]

Inspektor

setting	value	description
Base count	5	number of items that are counted to reach 100%
Base item	Is:	prefix that specifies the progress item. If you do not provide a base item, the progress item could be to unspecific
Progress item	closed	item that will be counted towards the base count
Width	300	width in pixels

Output

100.0%

This is my topic 1 (Is:open)
This is my topic 2 (Is:closed)
This is my topic 3 (Is:closed)
This is my topic 4 (Is:closed)
This is my topic 5 (Is:closed)

Pros 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:

Watchlist kann nicht angezeigt werden, weil kein Benutzer angemeldet ist

Technische Referenz: ContentDroplets

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

@@ Zeile 17: / Zeile 17: @@
 !Inserts the following in the page source:
 |-
-| style="width:190px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[[Dateianhänge|Anhänge]]
+| style="width:190px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |{{PopImg|file=Anhangsbereich mit Dateien.png|alt=Screenshot von Datei-Anhängen|caption=Datei-Anhänge|width=600}}
 | style="width:380px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Anhangsbereich für referenzierte Dokumente
 |<code><nowiki><attachments title="Attachments area"></nowiki></code>
@@ Zeile 57: / Zeile 57: @@
 |<code><nowiki><bs:pagesvisited count="7" maxtitlelength="40" order="time" /></nowiki></code>
 |-
-| style="width:190px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[[mediawikiwiki:Extension:Cognitive_Process_Designer|BPMN-Diagramm]]
+| style="width:190px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[[mediawikiwiki:Extension:Cognitive_Process_Designer|BPMN-Diagramm]] {{PopImg|file=Handbuch:bpmn-UserFeedback.svg|alt=Screenshot eines BPMN-Diagramms|caption=BPMN-Diagramm|width=600}}
 | style="width:380px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |BPMN-Diagramm mit verlinkten Formen
 |<code><nowiki><bpmn name="Test:Erm31642" /></nowiki></code>
@@ Zeile 65: / Zeile 65: @@
 |<code><nowiki><bs:booklist filter="Author:WikiSysop" /></nowiki></code>
 |-
-| style="width:190px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[[wikipedia:Help:Displaying_a_formula#Chemistry|Chemische Formel]]
+| style="width:190px;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="width:380px;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="width:190px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[[Referenz:SyntaxHighlight|Code]]
+| style="width:190px;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="width:380px;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 81: / Zeile 81: @@
 |<code><nowiki>{{SMWReport|count=10}}</nowiki></code>
 |-
-| style="width:190px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[[Handbuch:Erweiterung/DrawioEditor|Diagramm]]
+| style="width:190px;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="width:380px;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 101: / Zeile 101: @@
 |<code><nowiki><bs:statistics:progress basecount="2" progressitem="OK" width="150" baseitem="Status:" /></nowiki></code>
 |-
-| style="width:190px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[[mediawikiwiki:Help:Images#Gallery_syntax|Galerie]]
+| style="width:190px;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="width:380px;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 139: / Zeile 139: @@
 |<code><nowiki><bs:whoisonlinepopup /></nowiki></code>
 |-
-| style="width:190px;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]]
+| style="width:190px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[[Datei:math.png|mini|Mathe-Formel]][[mediawikiwiki:Help:VisualEditor/User_guide#Editing_mathematical_formulae|Mathematische Formel]]
 | style="width:380px;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 191: / Zeile 191: @@
 |
 |-
-| style="width:190px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Schaltfläche
+| style="width:190px;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="width:380px;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 207: / Zeile 207: @@
 |<code><nowiki><bs:tagsearch type="wikipage"  namespace="QM" /></nowiki></code>
 |-
-| style="width:190px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Symbol
+| style="width:190px;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="width:380px;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 243: / Zeile 243: @@
 |<code><nowiki><bs:tagcloud renderer="list" store="category" /></nowiki></code>
 |}
+== Beispiele für Outputs ==
+=== Schaltfläche ===
+{{ButtonLink|external=no|target=Hauptseite|label=Meine Seite|format=blue}}
+=== Data query ===
+'''Inspektor-Einstellungen'''
+{| class="wikitable"
+!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
+|<nowiki>Last editor is|Modification date</nowiki>
+|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
+|}
+'''Output'''
+<dataquery namespaces="Manual" modified="+" printouts="Last editor is|Modification date" format="ul" count="6" />
+=== 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 height="800">File:Raspberry_pi.pdf</pdf>
+===Fortschritt===
+Inspektor
+{| class="wikitable"
+!setting
+!value
+!description
+|-
+|Base count
+|5
+|number of items that are counted to reach 100%
+|-
+|Base item
+|Is:
+|prefix that specifies the progress item. If you do not provide a base item, the progress item could be to unspecific
+|-
+|Progress item
+|closed
+|item that will be counted towards the base count
+|-
+|Width
+|300
+|width in pixels
+|}
+'''Output'''<div><bs:statistics:progress basecount="5" progressitem="closed" width="300" baseitem="Completion:" /></div><br />
+*This is my topic 1 (Is:open)
+*This is my topic 2 (Is:closed)
+*This is my topic 3 (Is:closed)
+*This is my topic 4 (Is:closed)
+*This is my topic 5 (Is:closed)
+===Pros und Kontra===
+{{ProConList|title-advantages=Vorteile|title-disadvantages=Nachteile|advantages=* billig
+* bekannt
+* leicht zugänglich|disadvantages=* etwas veraltete Oberfläche
+* nicht anpassbar
+* GDSGVO-Konformität unklar}}
+===Tipp===
+{{Textbox|boxtype=tip|header=|text=This is a tip message.|icon=yes}}
+=== Watchlist ===
+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" />
 {{translation}}