|
|
|
| Zeile 1: |
Zeile 1: |
|
{{DISPLAYTITLE:Drawio}}
|
|
{{BSExtensionInfobox
|
|
<section begin="training" /><div class="training">
|
|
|desc=EventBus propagiert Zustandsänderungen an einen RESTful-Ereignisdienst. |
|
'''draw.io''' bietet umfangreiche Zeichenmöglichkeiten für Prozessflussdiagramme, Infografiken und andere Visualisierungen auf einer Wikiseite. Beschreibende Grafiken wie Organigramme oder Flussdiagramme können direkt auf einer Wikiseite erstellt werden.</div><section end="training" />
|
|
|status=stable
|
|
|
|
|developer=EEvans (WMF) |
|
<br />
|
|
|type=MediaWiki
|
|
|
|
|edition=BlueSpice free, BlueSpice pro, BlueSpice Farm, BlueSpice Cloud
|
|
==Ein Diagramm erstellen==
|
|
|compatible=MediaWiki
|
|
'''So fügen Sie ein Diagramm mit [[VisualEditor]] ein:'''
|
|
|category=Administration
|
|
|
|
|license=GPL v2+
|
|
#'''Erstellen oder wählen''' Sie eine Seite, auf der Sie eine Zeichnung einfügen möchten.
|
|
|docu=https://www.mediawiki.org/wiki/Extension:EventBus
|
|
#'''Wählen''' Sie ''Einfügen > Magisches Wort'' im visuellen Editor.
|
|
|
#'''Wählen''' Sie das magische Wort ''drawio''.
|
|
|
#'''Klicken''' Sie '''auf''' ''Fertig''. Dies öffnet ein Dialogfeld. Geben Sie einen Namen für Ihre Zeichnung ein. |
|
|
#'''Klicken''' Sie '''auf''' ''Einfügen.''<br />[[Datei:drawio.png|zentriert|500x500px|mini|draw.io auf der Seite einbinden|verweis=Special:FilePath/drawio.png]]Hiermit wird das Tag <code><nowiki>{{#draw.io:Name_des_Flussdiagramms}}</nowiki></code> in Ihren Quellcode eingefügt.
|
|
|
#'''Speichern''' Sie die Seite.
|
|
|
#'''Klicken''' Sie '''auf''' ''Bearbeiten'', um den draw.io-Editor zu öffnen. Um die Arbeitsfläche zu vergrößern, wechseln Sie optional über die Kopfleiste in den Vollbildmodus.<br />[[Datei:switch.png|zentriert|133x133px|verweis=Special:FilePath/switch.png]]<br />
|
|
|
#'''Klicken''' Sie in draw.io auf ''Speichern'', um Ihre Zeichnung zu speichern. Das so entstandene Diagramm wird als png-Datei im Datei-Namensraum gespeichert und bei weiteren Bearbeitungen versioniert.
|
|
|
#'''Klicken''' Sie in draw.io auf ''Beenden'', um den draw.io-Editor zu schließen.
|
|
|
<section begin="training" /><div class="training"><gallery widths="300" heights="360">
|
|
|
Datei:aa.png|Bearbeitungsmodus
|
|
|
Datei:aa2.png|Gespeichertes Flussdiagram
|
|
|
</gallery><section end="training" /><br />
|
|
|
==Ein Diagramm bearbeiten ==
|
|
|
Ein bestehendes Diagramm kann jederzeit abgeändert werden. Klicken Sie hierzu auf den ''Bearbeiten''-Link oberhalb des Diagramms im Lesemodus der Seite.
|
|
|
|
|
|
==Über PNG und SVG Dateien==
|
|
|
In BlueSpice werden draw.io-Diagramme immer im PNG-Format gespeichert. Das Erstellen von SVG-Formaten ist derzeit nicht möglich. Wenn Sie Ihr Wiki in-house installiert haben (also nicht in der Cloud arbeiten), können Sie über eine Zusatzerweiterung die [[mediawikiwiki:Extension:DrawioEditor|SVG-Unterstützung aktivieren]].
|
|
|
|
|
|
==Import von bestehenden Diagrammen==
|
|
|
|
|
|
===Visio-Diagramme=== |
|
|
Dateien mit der Endung .vsdx können Sie direkt in draw.io importieren und weiter bearbeiten. Erstellen Sie hierzu auf einer Seite ein leeres draw.io-Diagramm. Speichern Sie das leere Diagramm und gehen Sie dann in den Bearbeitungs-Modus von draw.io. Dort wählen Sie ''Datei > Importieren von > Gerät.'' Anschließend können Sie das importierte Diagramm in draw.io bearbeiten.
|
|
|
<br />[[Datei:drawio-vsdx Datei importieren.png|zentriert|mini|650x650px|Importieren einer vsdx-Datei|verweis=Special:FilePath/drawio-vsdx_Datei_importieren.png]]
|
|
|
|
|
|
===SVG-Dateien===
|
|
|
Wenn Sie eine SVG-Datei in den BlueSpice draw.io-Editor importieren, wird sie automatisch in das PNG-Format umgewandelt und ist somit nicht mehr bearbeitbar und auch nicht als SVG-Datei im Wiki gespeichert. Als Alternative zum Import in draw.io sollten Sie daher die SVG-Datei in das Wiki hochladen und auf einer Wiki-Seite einbetten. Die Versionierung der Datei kann hier dann entsprechend nicht direkt im Wiki geschehen. Aktualisierte Version der SVG-Datei müssten dann jeweils entsprechend über die Datei-Seite durch erneutes Hochladen aktualisiert werden.
|
|
|
|
|
|
==Verwenden von draw.io mit Imagemaps==
|
|
|
draw.io erstellt eine versionierte PNG-Datei im Namensraum ''File''. Dies bedeutet, dass jede Änderung des Flussdiagramms, die durch ''Speichern'' abgeschlossen wurde, eine neue, aktualisierte Version dieser PNG-Datei erzeugt. Sie können diese Datei jetzt auf einer anderen Seite in Ihr Wiki integrieren oder eine [[Referenz:ImageMap|Image-Map]] erstellen.
|
|
|
|
|
|
{{Hinweisbox|boxtype=note|Note text=Es ist nicht möglich, ImageMapEdit zusammen mit dem Drawio-Tag auf derselben Seite zu verwenden, sodass Sie hierfür separate Seiten erstellen müssen.}}
|
|
|
|
|
|
{{Box Links
|
|
|
|Thema1=[https://www.diagrams.net/index.html draw.io support]
|
|
|
|Thema2=[[mw:Extension:DrawioEditor|mediawiki.org/wiki/Extension:DrawioEditor]]
|
|
|
|Thema3=[[Referenz:DrawioEditor]]
|
|
|
|Thema4=Anja Ebersbach, [https://bluespice.com/de/draw-io-fuer-mediawiki-und-bluespice/ draw.io für MediaWiki und BlueSpice - Kollaborativ erstellte Zeichnungen], BlueSpice News & KnowHow vom 13. Februar 2020. (german)
|
|
|
}} |
|
}} |
|
[[de:{{FULLPAGENAME}}]]
|
|
Die EventBus-Erweiterung propagiert Zustandsänderungen (Bearbeiten, Verschieben, Löschen, Revisionssichtbarkeit usw.) an einen RESTful-Ereignisdienst und bietet Nutzern des Dienstes die Möglichkeit, Änderungen an MediaWiki-Inhalten zu verfolgen. |
|
[[en:Drawio]]
|
|
|
|
|
|
[[Category:Bearbeitung]]
|
|