Teilweise. draw.io kann Namen über dateiweite Platzhalter gemeinsam nutzen und Farben aus Daten ableiten, aber die Dokumentation belegt keine automatische, bidirektionale Synchronisierung von Namen, Farben und Links zwischen kopierten Formen auf verschiedenen Seiten.

Bei einer Desktop-Aufgabe auf dem Mac kommt es vor allem darauf an, ob du ein Diagramm neu anordnen oder mehrere unabhängig positionierte Versionen verwalten musst. Ein Layout ordnet vorhandene Formen neu an; bei mehreren Seiten musst du separate Werte und Einstellungen verwalten. Der folgende Arbeitsablauf verwendet ausschließlich synthetische Knoten und dokumentierte Editorfunktionen. Layouts anwenden, um ein Diagramm neu anzuordnen

Welche Art der Synchronisierung brauchst du?

Angenommen, drei Rechtecke – Node A, Node B und Node C – erscheinen in einer breiten und einer hohen Anordnung. Du möchtest, dass Name, Füllfarbe und Ziellink jedes Knotens übereinstimmen, während sich seine Position unterscheidet. Diese Anforderung umfasst mehrere verschiedene Vorgänge:

Anforderung Dokumentierter Ansatz Einschränkung
Anordnung vorhandener Formen ändern Ein Layout auf das aktuelle Diagramm anwenden Ordnet die vorhandenen Objekte neu an, statt parallele Ansichten zu verwalten
Einen Namen auf mehreren Seiten wiederverwenden In Beschriftungen auf eine dateiweite benutzerdefinierte Eigenschaft verweisen Die gemeinsame Eigenschaft bearbeiten; direkte Änderungen an Beschriftungen sind ein separater Vorgang
Formen entsprechend ihren Daten einfärben Seitenbezogene Stilregeln oder unterstützte Stilplatzhalter verwenden Übereinstimmende Daten und geltende Regeln müssen gepflegt werden
Wiederholten Formen dasselbe Ziel zuweisen Ihre Links explizit festlegen Eine gemeinsame Beschriftung legt kein gemeinsames Ziel fest
Beliebige Kopie bearbeiten und alle drei Attribute übertragen Die zitierte Dokumentation belegt keinen vollständigen Arbeitsablauf dafür Seitenverdopplung nicht als automatisches Synchronisierungssystem betrachten

Diese Unterschiede ergeben sich aus den dokumentierten Geltungsbereichen: Dateieigenschaften werden seitenübergreifend gemeinsam genutzt, Stilregeln gelten für einzelne Seiten und Links werden als Metadaten der Formen gespeichert. Das ermöglicht einen kontrollierten Pflegeablauf, belegt aber nicht, dass separate Kopien zu einem einzigen bearbeitbaren Objekt werden. Globale benutzerdefinierte Eigenschaften, Stil von Formen mit Stilregeln ändern, Formmetadaten bearbeiten

Einen einzigen Formensatz verwenden, wenn sich nur die Anordnung ändern soll

Wenn du jeweils nur mit einer Anordnung arbeiten musst, behalte ein einziges bearbeitbares Diagramm bei. So musst du keine entsprechenden Kopien pflegen. draw.io Desktop läuft unter macOS, sodass du diese Aufgabe nicht in einen Browser verlagern musst. draw.io offline ausführen

Erstelle die drei Rechtecke und verbinde Node A mit Node B und anschließend Node B mit Node C. Weise ihnen die gewünschten Beschriftungen, Farben und Links zu, bevor du mit der Anordnung experimentierst. Verwende dann den dokumentierten Layoutbefehl:

  1. Öffne Arrange > Layout.
  2. Wähle ein passendes Layout, etwa ein horizontales oder vertikales Flusslayout.
  3. Passe die Optionen an und klicke auf Apply.
  4. Prüfe das Ergebnis. Drücke Cmd+Z, um eine ungeeignete Anordnung rückgängig zu machen.

Layouts bearbeiten vorhandene Formen und berechnen ihre Position anhand der Verbindungen. Die aktuelle Layoutdokumentation unterscheidet außerdem zwischen dem ausschließlichen Routing von Verbindungslinien und Layouts, die Formen verschieben. Daher ist das Neuanordnen derselben Objekte der unterstützte Weg, die Darstellung zu ändern, ohne einen weiteren Satz von Eigenschaften abgleichen zu müssen. Layouts anwenden, um Diagramme schnell zu organisieren

Eine wichtige Einschränkung gibt es: Aufeinanderfolgende Layouts anzuwenden ist kein Wechsel zwischen gespeicherten Ansichten. Laut Dokumentation werden Layouts anhand des aktuellen Diagrammzustands berechnet. Ein anderes Layout anzuwenden stellt eine frühere Struktur daher nicht zuverlässig wieder her. Wenn exakt definierte, separat bearbeitbare Positionen erhalten bleiben müssen, verwende separate Seiten und den folgenden Pflegeansatz. Layouts anwenden, um ein Diagramm neu anzuordnen

Knotennamen auf unabhängig angeordneten Seiten gemeinsam nutzen

Wenn du breite und hohe Versionen gleichzeitig brauchst, behalte beide Seiten in einer Datei. Beginne mit einer Seite namens Wide; dupliziere sie später und nenne die Kopie Tall. Das dokumentierte Seitenmenü bietet die Optionen Duplicate Page und Rename Page. Die Duplizierung liefert eine Ausgangsanordnung; richte die gemeinsamen Beschriftungen anschließend ausdrücklich ein. Mehrere Seiten zu deinen Diagrammen hinzufügen

Namen auf Dateiebene definieren

Öffne File > Properties, klicke auf Edit Data und füge diese beispielhaften Eigenschaften hinzu:

Eigenschaft Wert
nodeAName Node A
nodeBName Node B
nodeCName Node C

Verwende für jeden Eintrag Add Property und klicke anschließend auf Apply. Dateieigenschaften sind auf jeder Seite verfügbar. Wenn du dagegen bei keiner ausgewählten Form auf Edit Data klickst, definierst du Eigenschaften für die aktuelle Seite. Dieser Unterschied entscheidet darüber, ob die Namen in mehreren Layouts gemeinsam genutzt werden können. Globale benutzerdefinierte Eigenschaften

Beschriftungen auf diese Namen verweisen lassen

Drücke beim ersten Rechteck Cmd+M, aktiviere Placeholders und klicke auf Apply. Setze die Beschriftung auf %nodeAName%. Wiederhole das mit %nodeBName% und %nodeCName% für die anderen Rechtecke. Platzhalter zu aktivieren und den Eigenschaftsnamen in Prozentzeichen einzuschließen, ist die dokumentierte Einrichtung für Beschriftungen. Mit Platzhaltern in Beschriftungen und Tooltips arbeiten

Dupliziere nun die Seite und ordne die Kopie neu an. Ändere später die Dateieigenschaft, um den logischen Knoten umzubenennen. Füge keine gleichnamige Eigenschaft zu einer Form, einem Container oder einer Seite hinzu: Eine spezifischere Eigenschaft überschreibt den Dateiwert. Globale benutzerdefinierte Eigenschaften

Betrachte die Beschriftung als Verweis auf den gemeinsamen Namen. Ändere in diesem Arbeitsablauf Namen in den Dateieigenschaften, statt eine angezeigte Beschriftung durch Literaltext zu ersetzen.

Farben einheitlich halten, ohne eine Verknüpfung der Kopien anzunehmen

Bei einem kleinen Diagramm reicht oft eine explizite Stiländerung. Formatiere ein Rechteck, klicke im Tab Style auf Copy Style, wähle das entsprechende Rechteck auf einer anderen Seite aus und klicke auf Paste Style. Die Formatierung wird dabei angewendet; nach späteren Änderungen musst du den Vorgang wiederholen. Stile von Formen und Verbindungslinien müssen separat kopiert werden. Stile von Formen und Verbindungslinien kopieren und einfügen

Wenn nur die Füllung geändert werden soll, verwende beim Zielformular die Farbauswahl Fill. Beim Kopieren eines ganzen Stils kann mehr Formatierung übernommen werden als nur die gewünschte Farbänderung. Stil von Formen ändern

Seitenregeln für eine wiederholbare Farbkonvention verwenden

Lege für mehrere wiederholte Knoten eine beispielhafte Konvention fest: Alle Darstellungen von Node A sind blau. Gib jeder entsprechenden Form eine benutzerdefinierte Eigenschaft namens nodeKey mit dem Wert A, indem du Cmd+M und Add Property verwendest. Benutzerdefinierte Eigenschaften werden für Formen und Verbindungslinien unterstützt. Formmetadaten bearbeiten

Richte die Regel auf jeder Layoutseite ein:

  1. Öffne File > Page Setup und dann Advanced.
  2. Klicke neben Style Rules auf Edit und dann auf Add Rule.
  3. Gleiche die Eigenschaft nodeKey mit dem Vergleich = und dem Wert A ab.
  4. Wähle Fill Color, wähle Blau und bestätige mit OK.

Die Regel formatiert passende Formen auf dieser Seite. Jede Seite hat eigene Regeln, und die Regeln der Zielseite gelten, wenn Formen dorthin kopiert werden. Wiederhole die Konvention auf Tall; spätere Änderungen daran erfordern eine Anpassung der Regeln auf beiden Seiten. Solange eine Regel gilt, lässt sich ein regelgesteuerter Stil nicht über das normale Formatierungssteuerelement ändern. Stil von Formen mit Stilregeln ändern

Die aktuelle Dokumentation unterstützt außerdem dynamische Farbwerte über stylePlaceholders=1, einschließlich des Stilfragments fillColor=%color%;stylePlaceholders=1;. Damit ist belegt, dass Farben datenabhängig sein können; eine Synchronisierung einer ganzen kopierten Form einschließlich ihres Links ist damit jedoch nicht belegt. Betrachte dies als fortgeschrittene Alternative zu expliziten Füllfarben oder Seitenregeln. Stilreferenz für die KI-Diagrammerstellung

Links separat festlegen und ihre Ziele prüfen

Füge eine dritte Seite namens Details hinzu. Klicke auf jeder Layoutseite mit der rechten Maustaste auf das Rechteck Node A, wähle Edit Link, dann Details aus der Seitenliste und klicke auf Apply. Damit erhalten beide Rechtecke dasselbe explizite Ziel. Laut Seitendokumentation wird der verlinkte Seitenname außerdem automatisch aktualisiert, wenn du eine Zielseite umbenennst. Mehrere Seiten zu deinen Diagrammen hinzufügen

Ein gemeinsamer Name allein belegt nicht, dass die Ziele übereinstimmen. Die dokumentierte Eigenschaft link gehört zu den Metadaten der Form. Prüfe daher beide Rechtecke, wenn du ihr Ziel änderst. Formmetadaten bearbeiten

Für benutzerdefinierte Aktionslinks dokumentiert draw.io das Kopieren einer Aktionsliste oder aller Zellmetadaten. Letzteres erfolgt über Edit > Copy Data und Edit > Paste Data im Tab Style und kopiert auch andere Metadaten wie Tags, Tooltips und Platzhalter. Verwende diese Funktion nur für Ziele, die dasselbe Metadatenpaket erhalten sollen. Benutzerdefinierte Links und Zellmetadaten kopieren

Ergebnis prüfen, bevor weitere Layouts hinzukommen

Führe diese kurze Abnahmeprüfung mit dem synthetischen Diagramm durch. Sie unterscheidet gemeinsame Werte von Eigenschaften, die weiterhin bewusst gepflegt werden müssen:

Prüfung Erwartetes Ergebnis
Dateieigenschaft nodeAName in Node A Revised ändern Beide Platzhalterbeschriftungen zeigen den neuen Namen an
Das Rechteck auf Tall verschieben Die gewünschte unabhängige Anordnung bleibt verwendbar
Auf beiden Seiten die blaue Konvention anwenden Beide entsprechenden Rechtecke zeigen die gewählte Füllfarbe
Den Link jedes Rechtecks prüfen Beide verweisen auf Details
Das gewünschte Ziel ändern Jeder betroffene Link wird bewusst aktualisiert und geprüft

Wenn eine Beschriftung %nodeAName% wörtlich anzeigt, prüfe, ob Placeholders aktiviert und der Eigenschaftsname korrekt ist. Wenn nur eine Beschriftung einen unerwarteten Wert zeigt, prüfe die Eigenschaften der Form, ihrer übergeordneten Elemente und der Seite auf einen überschreibenden Wert. Dies sind dokumentierte Schritte zur Fehlersuche bei Platzhaltern und Geltungsbereichen. Mit Platzhaltern in Beschriftungen und Tooltips arbeiten, Globale benutzerdefinierte Eigenschaften

Verwende für diese Desktop-Aufgabe auf dem Mac keinen Arbeitsablauf zum Aktualisieren aus einer Tabelle. Die aktuelle Dokumentation zu Datenquellen sagt ausdrücklich, dass Datenquellen in draw.io Desktop nicht geladen werden können. Sie besagt außerdem, dass die Aktualisierung manuell erfolgt und Links aus der Direktive # link der Vorlage nicht verwendet werden. Diese Funktion liefert daher nicht das gewünschte Synchronisierungsergebnis auf dem Desktop. Formen aus Google-Sheets- und CSV-Dateien befüllen und erstellen

Wenn du jeweils nur eine Anordnung brauchst, behalte einen Formensatz bei und ordne ihn neu an. Wenn mehrere dauerhafte Layouts erforderlich sind, verwende gemeinsame Namenseigenschaften, eine explizite Farbkonvention und separat gepflegte Links. So erhältst du ein praktisches, überprüfbares Ergebnis und hältst zugleich die dokumentierte Einschränkung im Blick: Kopierte Formen sind nicht als System etabliert, in dem sich alle drei Attribute automatisch und von überall aus bearbeiten lassen.

Quellen