{"id":2884,"date":"2026-09-21T10:15:10","date_gmt":"2026-09-21T02:15:10","guid":{"rendered":"https:\/\/updates.visual-paradigm.com\/de\/releases\/opendocs-editable-diagrams-vpascode-integration\/"},"modified":"2026-09-21T10:15:29","modified_gmt":"2026-09-21T02:15:29","slug":"opendocs-editable-diagrams-vpascode-integration","status":"publish","type":"releases","link":"https:\/\/updates.visual-paradigm.com\/de\/releases\/opendocs-editable-diagrams-vpascode-integration\/","title":{"rendered":"Bringen Sie bearbeitbare Diagramme mit VPasCode in Visual Paradigm OpenDocs ein"},"content":{"rendered":"<p>Visual Paradigm freut sich, eine wichtige Erweiterung f\u00fcr <a href=\"https:\/\/ai-toolbox.visual-paradigm.com\/app\/opendocs\/\">Visual Paradigm OpenDocs<\/a>: Benutzer k\u00f6nnen nun \u00fcber die Integration mit <a href=\"https:\/\/www.visual-paradigm.com\/features\/vpascode\/\">Visual Paradigm VPasCode<\/a>.<\/p>\n<p>Diese neue Funktion verbindet Dokumentation und Diagrammerstellung in einem optimierten Workflow. Anstatt ein Diagramm in einer separaten Anwendung zu erstellen, als Bild zu exportieren und dieses Bild manuell in ein Dokument einzuf\u00fcgen, k\u00f6nnen Benutzer nun ein Diagramm mit Diagramm-as-Code erstellen, es in OpenDocs einf\u00fcgen und bei Bedarf jederzeit erneut \u00f6ffnen, um es zu bearbeiten.<\/p>\n<p>Das Ergebnis ist ein flexibleres Wissensmanagement-Tool f\u00fcr Softwareteams, technische Autoren, Architekten, Business Analysten, Produktmanager und alle, die komplexe Ideen visuell erkl\u00e4ren m\u00fcssen.<\/p>\n<p><a href=\"https:\/\/ai-toolbox.visual-paradigm.com\/app\/opendocs\/\">\u00d6ffnen Sie Visual Paradigm OpenDocs<\/a> und beginnen Sie noch heute mit der Erstellung von Dokumentation mit bearbeitbaren Diagrammen.<\/p>\n<p><img fetchpriority=\"high\" alt=\"Infografik zur Erstellung, Einf\u00fcgung und Bearbeitung von Diagrammen in Visual Paradigm OpenDocs mit VPasCode\" class=\"alignnone size-full wp-image-4215\" decoding=\"async\" fetchpriority=\"high\" height=\"1024\" sizes=\"(max-width: 1536px) 100vw, 1536px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/visual-paradigm-opendocs-vpascode-editable-diagrams-infographic.jpeg\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/visual-paradigm-opendocs-vpascode-editable-diagrams-infographic.jpeg 1536w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/visual-paradigm-opendocs-vpascode-editable-diagrams-infographic-300x200.jpeg 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/visual-paradigm-opendocs-vpascode-editable-diagrams-infographic-1024x683.jpeg 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/visual-paradigm-opendocs-vpascode-editable-diagrams-infographic-768x512.jpeg 768w\" width=\"1536\"\/><\/p>\n<h2>Was ist neu in Visual Paradigm OpenDocs?<\/h2>\n<p>OpenDocs erm\u00f6glicht es Benutzern nun, Diagramme \u00fcber die VPasCode-Integration in eine Seite einzuf\u00fcgen. Das Diagramm wird an der Position des Text Cursors eingef\u00fcgt und kann nach dem Einf\u00fcgen erneut bearbeitet werden.<\/p>\n<p>Dies bedeutet, dass Diagramme nicht mehr auf statische Bilder beschr\u00e4nkt sind, die nach Abschluss des Schreibprozesses hinzugef\u00fcgt werden. Sie k\u00f6nnen zu aktiven, bearbeitbaren Teilen eines Dokuments werden, die Erkl\u00e4rung, Zusammenarbeit, Planung, Analyse und Wissensaustausch unterst\u00fctzen.<\/p>\n<p>Egal, ob Sie eine Software-Anforderungsspezifikation vorbereiten, eine interne Projekt-Wiki erstellen, eine Systemarchitektur dokumentieren, einen Prozessleitfaden ver\u00f6ffentlichen oder eine Produkt-Wissensbasis aufbauen \u2013 Sie k\u00f6nnen nun geschriebenen Inhalt und visuelle Modelle im selben Dokument kombinieren.<\/p>\n<h2>Warum diese Erweiterung wichtig ist<\/h2>\n<p>Dokumente sind oft n\u00fctzlicher, wenn sie klare Erkl\u00e4rungen mit Diagrammen kombinieren. Geschriebene Beschreibungen liefern Kontext und Details, w\u00e4hrend Diagrammen Lesern helfen, Beziehungen, Sequenzen, Abh\u00e4ngigkeiten, Strukturen und Workflows auf einen Blick zu verstehen.<\/p>\n<p>Das Erstellen und Pflegen von Diagrammen in der Dokumentation kann jedoch umst\u00e4ndlich sein. Ein h\u00e4ufiger Workflow umfasst die Verwendung eines Tools zur Erstellung des Diagramms, den Export des Ergebnisses als PNG- oder SVG-Datei, das Hochladen des Bildes in ein Dokument und die Wiederholung des Prozesses bei jeder \u00c4nderung des Diagramms. Dies kann zu unn\u00f6tiger Arbeit f\u00fchren und veraltete Visualisierungen, doppelte Dateien oder Verwirrung dar\u00fcber, welche Version die aktuellste ist, zur Folge haben.<\/p>\n<p>Die Integration von OpenDocs und VPasCode reduziert diese Reibung, indem sie die Diagrammerstellung n\u00e4her an den Dokumentationsworkflow bringt. Benutzer k\u00f6nnen ein Diagramm dort erstellen, wo es ben\u00f6tigt wird, es in die Seite einf\u00fcgen und sp\u00e4ter zum Diagramm-Editor zur\u00fcckkehren, um \u00c4nderungen vorzunehmen.<\/p>\n<h3>Halten Sie visuelle Erkl\u00e4rungen nah am relevanten Inhalt<\/h3>\n<p>Ein Diagramm ist am effektivsten, wenn es neben der Erkl\u00e4rung erscheint, die es unterst\u00fctzt. Mit der neuen OpenDocs-Funktion k\u00f6nnen Benutzer ein Flussdiagramm unter einer Prozessbeschreibung platzieren, ein Sequenzdiagramm neben einer API-Erkl\u00e4rung hinzuf\u00fcgen oder ein Systemarchitekturdiagramm in eine technische Spezifikation aufnehmen.<\/p>\n<p>Dies macht Dokumente leichter lesbar und hilft Benutzern, die Beziehung zwischen geschriebenen Informationen und visuellen Informationen zu verstehen, ohne zwischen mehreren Anwendungen wechseln zu m\u00fcssen.<\/p>\n<h3>Reduzieren Sie manuelle Export- und Upload-Arbeit<\/h3>\n<p>VPasCode erstellt Diagramme aus textbasierten Diagrammsprachen und rendert sie visuell im Browser. Mit der OpenDocs-Integration k\u00f6nnen Benutzer das Ergebnis direkt in eine Seite einf\u00fcgen, anstatt ein Bild manuell herunterzuladen und in ein Dokument hochzuladen.<\/p>\n<p>Die Reduzierung dieser wiederholten Schritte kann Teams helfen, Zeit zu sparen und einen saubereren Dokumentationsprozess aufrechtzuerhalten, insbesondere wenn Diagramme w\u00e4hrend der Entwicklung oder Projektplanung h\u00e4ufig aktualisiert werden.<\/p>\n<h3>Machen Sie Diagramme nach dem Einf\u00fcgen bearbeitbar<\/h3>\n<p>Anforderungen \u00e4ndern sich. Systeme entwickeln sich weiter. Gesch\u00e4ftsprozesse werden \u00fcberarbeitet. Ein Diagramm, das heute ein Projekt genau beschreibt, muss m\u00f6glicherweise morgen aktualisiert werden.<\/p>\n<p>Da Diagramme, die \u00fcber VPasCode eingef\u00fcgt wurden, bearbeitbar bleiben, k\u00f6nnen Benutzer den Diagramm-Editor aus OpenDocs erneut \u00f6ffnen, den Diagrammcode \u00e4ndern, die \u00c4nderungen speichern und das Diagramm im Dokument aktualisieren. Dies erleichtert die Verfeinerung visueller Inhalte, w\u00e4hrend sich Ideen und Projekte weiterentwickeln.<\/p>\n<h3>Unterst\u00fctzen Sie mehr als einen Diagrammstil<\/h3>\n<p>Verschiedene Projekte erfordern unterschiedliche Arten der visuellen Kommunikation. Ein Softwarearchitekt ben\u00f6tigt m\u00f6glicherweise ein C4-Modell oder ein Bereitstellungsdiagramm. Ein Business Analyst ben\u00f6tigt m\u00f6glicherweise ein Prozessflussdiagramm oder eine User-Journey-Map. Ein Projektmanager ben\u00f6tigt m\u00f6glicherweise ein Gantt-Diagramm oder eine Roadmap. Ein technischer Autor ben\u00f6tigt m\u00f6glicherweise eine Mindmap, ein Sequenzdiagramm oder ein Entity-Relationship-Diagramm.<\/p>\n<p>VPasCode unterst\u00fctzt eine breite Palette von Diagrammformaten und Visualisierungstechnologien, einschlie\u00dflich PlantUML, Mermaid, Graphviz, D2, Markmap und ECharts. Es unterst\u00fctzt auch strukturierte Daten und andere codebasierte Formate, die zur Erstellung visueller Darstellungen verwendet werden k\u00f6nnen.<\/p>\n<h2>Was ist Visual Paradigm VPasCode?<\/h2>\n<p><a href=\"https:\/\/www.visual-paradigm.com\/features\/vpascode\/\">Visual Paradigm VPasCode<\/a> ist eine Online-Plattform f\u00fcr Diagramme als Code, die es Benutzern erm\u00f6glicht, Diagramme durch das Schreiben textbasierter Beschreibungen zu erstellen. Sie kombiniert einen Code-Editor mit einer Echtzeit-Vorschau, sodass Benutzer das Diagramm sehen k\u00f6nnen, w\u00e4hrend sie den Code schreiben oder bearbeiten.<\/p>\n<p>Anstatt jede Form und jeden Verbindungslinien manuell zu zeichnen, beschreiben Benutzer die Struktur eines Diagramms mithilfe einer unterst\u00fctzten Syntax. VPasCode rendert das Ergebnis anschlie\u00dfend als visuelles Diagramm.<\/p>\n<p>Dieser Ansatz ist besonders n\u00fctzlich f\u00fcr Entwickler, Softwarearchitekten, technische Teams und andere Benutzer, die eine schnelle und wiederholbare Methode zur Erstellung von Diagrammen w\u00fcnschen. Er ist auch hilfreich f\u00fcr Teams, die Diagramme bevorzugen, die als Text \u00fcberpr\u00fcft und verfeinert werden k\u00f6nnen.<\/p>\n<p>VPasCode enth\u00e4lt Beispiele f\u00fcr verschiedene Diagrammtypen und Formate, was neuen Benutzern den Einstieg erleichtert. Benutzer k\u00f6nnen auch <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/vpascode-ai-diagram-generation-code-modification-update\/\">KI nutzen, um Diagrammcode zu generieren<\/a>aus einer Beschreibung in nat\u00fcrlicher Sprache.<\/p>\n<p id=\"RLYEeVU\"><img alt=\"Diagramm in Visual Paradigm VPasCode mit KI generieren\" class=\"alignnone wp-image-4226 size-full\" decoding=\"async\" height=\"370\" sizes=\"(max-width: 579px) 100vw, 579px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0910cd1b6c.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0910cd1b6c.png 579w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0910cd1b6c-300x192.png 300w\" width=\"579\"\/><\/p>\n<h2>Unterst\u00fctzte Diagramm- und Visualisierungsformate<\/h2>\n<p>\u00dcber VPasCode k\u00f6nnen OpenDocs-Benutzer viele verschiedene Arten von Diagrammen und Visualisierungen erstellen und einf\u00fcgen. Zu den unterst\u00fctzten Formaten geh\u00f6ren:<\/p>\n<ul>\n<li><strong><a href=\"https:\/\/www.vpascode.com\/docs\/vpascode-docs\/plantuml-playbook\/\">PlantUML<\/a>:<\/strong> Klassendiagramme, Sequenzdiagramme, Use-Case-Diagramme, Aktivit\u00e4tsdiagramme, Komponentendiagramme, Bereitstellungsdiagramme, Zustandsdiagramme, ER-Diagramme, ArchiMate-Diagramme, C4-Modelle, Mindmaps, Gantt-Diagramme und mehr.<\/li>\n<li><strong><a href=\"https:\/\/www.vpascode.com\/docs\/vpascode-docs\/mermaid-js-playbook\/\">Mermaid<\/a>:<\/strong> Flussdiagramme, Klassendiagramme, Sequenzdiagramme, Entity-Relationship-Diagramme, Zustandsdiagramme, Mindmaps, C4-Diagramme, Gantt-Diagramme, Zeitpl\u00e4ne, User-Journey-Maps, Git-Graphen, Kanban-Diagramme und mehr.<\/li>\n<li><strong><a href=\"https:\/\/www.vpascode.com\/docs\/vpascode-docs\/graphviz-playbook\/\">Graphviz<\/a>:<\/strong> Graphen, Netzwerkdiagramme, hierarchische Diagramme, Organigramme und Beziehungsvisualisierungen.<\/li>\n<li><strong><a href=\"https:\/\/www.vpascode.com\/docs\/vpascode-docs\/d2-playbook\/\">D2<\/a>:<\/strong> Moderne deklarative Diagramme f\u00fcr Architektur, Systeme, Workflows und Beziehungen.<\/li>\n<li><strong>Markmap:<\/strong> Interaktive Mindmaps, die aus Markdown-\u00e4hnlichem Inhalt generiert werden.<\/li>\n<li><strong><a href=\"https:\/\/www.vpascode.com\/docs\/vpascode-docs\/echarts-playbook\/\">ECharts<\/a>:<\/strong> Datengetriebene Diagramme und Visualisierungen.<\/li>\n<li><strong><a href=\"https:\/\/www.vpascode.com\/docs\/vpascode-docs\/data-and-schemas\/\">Daten- und Schemaformate<\/a>:<\/strong> JSON, YAML, XML, CSV, TOML, DBML und SQL.<\/li>\n<\/ul>\n<p>Diese Bandbreite an unterst\u00fctzten Technologien macht OpenDocs zu einer leistungsf\u00e4higeren Dokumentationsplattform f\u00fcr Teams, die sowohl traditionelle Gesch\u00e4ftsdarstellungen als auch technische Diagramme erstellen m\u00fcssen.<\/p>\n<h2>KI-gest\u00fctzte Diagrammerstellung<\/h2>\n<p>Benutzer m\u00fcssen nicht jede Diagrammsyntax auswendig lernen, bevor sie beginnen. VPasCode verf\u00fcgt \u00fcber eine KI-gest\u00fctzte Diagrammerstellung, die dabei hilft, eine Anfrage in nat\u00fcrlicher Sprache in Diagrammcode zu verwandeln.<\/p>\n<p>Beispielsweise k\u00f6nnte ein Benutzer folgendes anfordern:<\/p>\n<blockquote>\n<p>Erstellen Sie ein Sequenzdiagramm, das zeigt, wie sich ein Kunde \u00fcber eine Webanwendung, einen Authentifizierungsdienst und eine Datenbank anmeldet.<\/p>\n<\/blockquote>\n<p>VPasCode kann die Anfrage nutzen, um Diagrammcode zu generieren, den Benutzer \u00fcberpr\u00fcfen, anpassen und in OpenDocs einf\u00fcgen k\u00f6nnen. Anschlie\u00dfend k\u00f6nnen sie den Code manuell verfeinern oder die KI bitten, das Diagramm gem\u00e4\u00df einer neuen Anforderung zu \u00e4ndern.<\/p>\n<p id=\"cmmHbdq\"><img alt=\"Eine Abbildung, die zeigt, wie ein UML-Sequenzdiagramm in VPasCode unter Verwendung von KI generiert wird\" class=\"alignnone wp-image-4227 size-full\" decoding=\"async\" height=\"642\" sizes=\"(max-width: 1219px) 100vw, 1219px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab09261247a8.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab09261247a8.png 1219w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab09261247a8-300x158.png 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab09261247a8-1024x539.png 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab09261247a8-768x404.png 768w\" width=\"1219\"\/><\/p>\n<p>KI-Unterst\u00fctzung kann hilfreich sein, wenn:<\/p>\n<ul>\n<li>Sie wissen, was Sie kommunizieren m\u00f6chten, aber nicht die erforderliche Syntax kennen.<\/li>\n<li>Sie m\u00f6chten schnell ein erstes Diagramm erstellen.<\/li>\n<li>Sie m\u00fcssen Schritte, Komponenten, Beziehungen oder Zweige hinzuf\u00fcgen oder entfernen.<\/li>\n<li>Sie m\u00f6chten ein komplexes Diagramm vereinfachen.<\/li>\n<li>Sie ben\u00f6tigen Hilfe bei der Korrektur von Fehlern im Diagrammcode.<\/li>\n<li>Sie m\u00f6chten Diagrammbeschriftungen f\u00fcr ein internationales Team \u00fcbersetzen.<\/li>\n<\/ul>\n<p>KI-generierte Diagramme bleiben bearbeitbar, was bedeutet, dass Benutzer das generierte Ergebnis als Ausgangspunkt betrachten und an ihre Projektanforderungen anpassen k\u00f6nnen.<\/p>\n<h2>So f\u00fcgen Sie ein bearbeitbares Diagramm in eine OpenDocs-Seite ein<\/h2>\n<p>Folgen Sie diesen Schritten, um ein Diagramm zu erstellen und in eine Dokumentseite einzuf\u00fcgen:<\/p>\n<ol>\n<li>\u00d6ffnen Sie <a href=\"https:\/\/ai-toolbox.visual-paradigm.com\/app\/opendocs\/\">Visual Paradigm OpenDocs<\/a>.<\/li>\n<li>Erstellen Sie eine neue Seite oder \u00f6ffnen Sie eine vorhandene Seite.<\/li>\n<li>Klicken Sie auf <strong>Bearbeiten<\/strong> in der oberen rechten Ecke der Seite.\n<p id=\"UcRCNdQ\"><img loading=\"lazy\" alt=\"Eine OpenDocs-Seite bearbeiten\" class=\"alignnone wp-image-4217 size-full\" decoding=\"async\" height=\"124\" loading=\"lazy\" sizes=\"auto, (max-width: 499px) 100vw, 499px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab08f85a9fcf.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab08f85a9fcf.png 499w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab08f85a9fcf-300x75.png 300w\" width=\"499\"\/><\/p>\n<\/li>\n<li>Setzen Sie den Textcursor an die Stelle, an der das Diagramm erscheinen soll.\n<p id=\"OlxiXlm\"><img loading=\"lazy\" alt=\"Cursor in eine OpenDocs-Seite eingef\u00fcgt, bereit, dort ein Diagramm einzuf\u00fcgen\" class=\"alignnone wp-image-4218 size-full\" decoding=\"async\" height=\"254\" loading=\"lazy\" sizes=\"auto, (max-width: 603px) 100vw, 603px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab08fb638f26.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab08fb638f26.png 603w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab08fb638f26-300x126.png 300w\" width=\"603\"\/><\/p>\n<\/li>\n<li>Klicken Sie auf den <strong>+<\/strong> Button in der Symbolleiste, um das <strong>Artefakt erstellen<\/strong> Fenster zu \u00f6ffnen.\n<p id=\"BwzynXL\"><img loading=\"lazy\" alt=\"Auf die Einf\u00fcgen-Schaltfl\u00e4che in OpenDocs geklickt. (Wird ein Diagramm in OpenDocs einf\u00fcgen)\" class=\"alignnone wp-image-4219 size-full\" decoding=\"async\" height=\"183\" loading=\"lazy\" sizes=\"auto, (max-width: 422px) 100vw, 422px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab08fc412654.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab08fc412654.png 422w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab08fc412654-300x130.png 300w\" width=\"422\"\/><\/p>\n<\/li>\n<li>W\u00e4hlen Sie <strong>VPasCode<\/strong> aus dem Men\u00fc links.<\/li>\n<li>Klicken Sie auf <strong>VPasCode<\/strong> rechts, um den Diagramm-Editor zu \u00f6ffnen.\n<p id=\"VpteBeW\"><img loading=\"lazy\" alt=\"Ein leeres Diagramm in VPasCode erstellen\" class=\"alignnone wp-image-4220 size-full\" decoding=\"async\" height=\"356\" loading=\"lazy\" sizes=\"auto, (max-width: 557px) 100vw, 557px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab08fda16038.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab08fda16038.png 557w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab08fda16038-300x192.png 300w\" width=\"557\"\/><\/p>\n<\/li>\n<li>Schreiben oder f\u00fcgen Sie Diagrammcode in den Editor links ein.\n<p id=\"sDzKCEU\"><img loading=\"lazy\" alt=\"VPasCode-Benutzeroberfl\u00e4che. Die linke Seite zeigt den Code-Editor (leer). Die rechte Seite listet die verf\u00fcgbaren Diagrammbeispiele auf (zum Laden klicken).\" class=\"alignnone wp-image-4221 size-full\" decoding=\"async\" height=\"659\" loading=\"lazy\" sizes=\"auto, (max-width: 1316px) 100vw, 1316px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0903d826c4.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0903d826c4.png 1316w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0903d826c4-300x150.png 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0903d826c4-1024x513.png 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0903d826c4-768x385.png 768w\" width=\"1316\"\/><\/p>\n<\/li>\n<li>\u00dcberpr\u00fcfen Sie die Echtzeit-Vorschau und nehmen Sie erforderliche \u00c4nderungen vor.\n<p id=\"gCGGUgP\"><img loading=\"lazy\" alt=\"Ein Klassendiagramm wurde in Visual Paradigm VPasCode erstellt.\" class=\"alignnone wp-image-4222 size-full\" decoding=\"async\" height=\"790\" loading=\"lazy\" sizes=\"auto, (max-width: 1577px) 100vw, 1577px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab090798bab4.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab090798bab4.png 1577w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab090798bab4-300x150.png 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab090798bab4-1024x513.png 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab090798bab4-768x385.png 768w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab090798bab4-1536x769.png 1536w\" width=\"1577\"\/><\/p>\n<\/li>\n<li>Klicken Sie auf <strong>Speichern<\/strong> in der oberen rechten Ecke des VPasCode-Editors.\n<p id=\"EylzoPj\"><img loading=\"lazy\" alt=\"Diagramm in VPasCode speichern.\" class=\"alignnone wp-image-4223 size-full\" decoding=\"async\" height=\"120\" loading=\"lazy\" sizes=\"auto, (max-width: 508px) 100vw, 508px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0908a55169.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0908a55169.png 508w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0908a55169-300x71.png 300w\" width=\"508\"\/><\/p>\n<\/li>\n<li>Klicken Sie auf <strong>Schlie\u00dfen<\/strong>, um zur OpenDocs-Seite zur\u00fcckzukehren.<\/li>\n<li>Das Diagramm wird an der Position des Text Cursors eingef\u00fcgt.\n<p id=\"ygjbylS\"><img loading=\"lazy\" alt=\"Klassendiagramm erneut in OpenDocs eingebettet.\" class=\"alignnone wp-image-4224 size-full\" decoding=\"async\" height=\"701\" loading=\"lazy\" sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0909d4dc63.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0909d4dc63.png 1400w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0909d4dc63-300x150.png 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0909d4dc63-1024x513.png 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab0909d4dc63-768x385.png 768w\" width=\"1400\"\/><\/p>\n<\/li>\n<\/ol>\n<p>Nachdem das Diagramm eingef\u00fcgt wurde, k\u00f6nnen Benutzer wie bei anderem Dokumenteninhalten weiter darum herum schreiben.<\/p>\n<h2>So bearbeiten Sie ein Diagramm erneut<\/h2>\n<p>In OpenDocs eingef\u00fcgte Diagramme k\u00f6nnen jederzeit bearbeitet werden, wenn Aktualisierungen erforderlich sind.<\/p>\n<ol>\n<li>\u00d6ffnen Sie die OpenDocs-Seite, die das Diagramm enth\u00e4lt.<\/li>\n<li>Klicken Sie auf das Bleistift-Symbol in der oberen rechten Ecke des Diagramms.\n<p id=\"pDIlSTi\"><img loading=\"lazy\" alt=\"Ein in OpenDocs eingebettetes Klassendiagramm erneut bearbeiten\" class=\"alignnone wp-image-4225 size-full\" decoding=\"async\" height=\"335\" loading=\"lazy\" sizes=\"auto, (max-width: 566px) 100vw, 566px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab090bc379e4.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab090bc379e4.png 566w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6ab090bc379e4-300x178.png 300w\" width=\"566\"\/><\/p>\n<\/li>\n<li>Nehmen Sie \u00c4nderungen im VPasCode-Editor vor.<\/li>\n<li>Verwenden Sie die Live-Vorschau, um das Ergebnis zu \u00fcberpr\u00fcfen.<\/li>\n<li>Klicken Sie auf <strong>Speichern<\/strong>.<\/li>\n<li>Klicken Sie auf <strong>Schlie\u00dfen<\/strong>, um zu OpenDocs zur\u00fcckzukehren.<\/li>\n<\/ol>\n<p>Das aktualisierte Diagramm wird im Dokument aktualisiert, sodass Benutzer ihre visuellen Inhalte beibehalten k\u00f6nnen, ohne das urspr\u00fcngliche Diagramm zu l\u00f6schen oder von vorne anzufangen.<\/p>\n<h2>Praktische Anwendungsf\u00e4lle<\/h2>\n<h3>Dokumentation der Softwarearchitektur<\/h3>\n<p>Softwarearchitekten k\u00f6nnen PlantUML, Mermaid, D2 oder C4-Syntax verwenden, um Systemkomponenten, Dienste, Datenspeicher und externe Abh\u00e4ngigkeiten zu beschreiben. Das daraus resultierende Architekturdiagramm kann direkt in ein Systemdesigndokument oder ein Architekturentscheidungsprotokoll eingef\u00fcgt werden.<\/p>\n<p>Wenn sich die Architektur \u00e4ndert, kann das Diagramm in VPasCode bearbeitet und in OpenDocs aktualisiert werden. Dies tr\u00e4gt dazu bei, dass die technische Dokumentation mit dem diskutierten Design \u00fcbereinstimmt.<\/p>\n<h3>API- und Integrationsdokumentation<\/h3>\n<p>Sequenzdiagramme sind n\u00fctzlich, um zu zeigen, wie Clients, Dienste, Datenbanken und Drittsysteme interagieren. Teams k\u00f6nnen ein Sequenzdiagramm neben API-Beschreibungen, Authentifizierungsdetails, Anforderungsfl\u00fcssen und Fehlerbehandlungsregeln einf\u00fcgen.<\/p>\n<p>Ein technischer Schriftsteller k\u00f6nnte beispielsweise einen Online-Zahlungsprozess mit einer schriftlichen Erkl\u00e4rung, API-Beispielen und einem Mermaid- oder PlantUML-Sequenzdiagramm auf derselben OpenDocs-Seite dokumentieren.<\/p>\n<h3>Datenbank- und Datenmodell-Dokumentation<\/h3>\n<p>Datenbankteams k\u00f6nnen Entity-Relationship-Diagramme verwenden, um Tabellen, Felder, Schl\u00fcssel und Beziehungen zu erkl\u00e4ren. Ein visuelles Datenmodell kann die Datenbankdokumentation f\u00fcr Entwickler, Analysten, Tester und andere Interessengruppen verst\u00e4ndlicher machen.<\/p>\n<p>Wenn eine neue Tabelle oder Beziehung hinzugef\u00fcgt wird, kann das Diagramm \u00fcber denselben VPasCode-Arbeitsablauf bearbeitet und erneut eingef\u00fcgt werden.<\/p>\n<h3>Gesch\u00e4ftsprozess- und Workflow-Leitf\u00e4den<\/h3>\n<p>Gesch\u00e4ftsanalysten und Operationsteams k\u00f6nnen Flussdiagramme, Aktivit\u00e4tsdiagramme, Benutzerreisekarten und Prozessdiagramme verwenden, um zu erkl\u00e4ren, wie Arbeit durch eine Organisation flie\u00dft.<\/p>\n<p>Das Einbetten dieser Visualisierungen in einen Betriebsleitfaden oder eine Standardarbeitsanweisung kann den Lesern helfen, Verantwortlichkeiten, Entscheidungspunkte, alternative Pfade und Genehmigungsschritte zu verstehen.<\/p>\n<h3>Produktanforderungen und Funktionsplanung<\/h3>\n<p>Produktmanager k\u00f6nnen Benutzerreisen, Prozessfl\u00fcsse, Zustandsdiagramme, Mindmaps und Funktionsbeziehungen in Produktanforderungsdokumenten aufnehmen. Diese visuellen Elemente k\u00f6nnen Produkt-, Design-, Ingenieur- und Qualit\u00e4tssicherungsteams dabei helfen, ein gemeinsames Verst\u00e4ndnis der Funktion zu entwickeln.<\/p>\n<h3>Projekt-Wikis und Wissensdatenbanken<\/h3>\n<p>Ein Wissensmanagement-Tool ist am wertvollsten, wenn es die Informationen zusammenf\u00fchrt, die Menschen ben\u00f6tigen, um ihre Arbeit zu verstehen und auszuf\u00fchren. Das Hinzuf\u00fcgen bearbeitbarer Diagramme zu einer OpenDocs-Wissensdatenbank kann Projekt-Wikis, Onboarding-Materialien, interne Leitf\u00e4den und Systemhandb\u00fccher vollst\u00e4ndiger machen.<\/p>\n<p>Anstatt Diagramme in separaten Ordnern oder nicht verbundenen Design-Tools zu speichern, k\u00f6nnen Teams sie neben den zugeh\u00f6rigen Erkl\u00e4rungen, Entscheidungen, Verfahren und Referenzmaterialien platzieren.<\/p>\n<h3>Mindmaps und Konzeptorganisation<\/h3>\n<p>Markmap und andere Mindmapping-Formate k\u00f6nnen Teams dabei helfen, Anforderungen, Forschungsthemen, Projektstrukturen, Meeting-Ergebnisse und Wissenshierarchien zu organisieren. Diese Karten k\u00f6nnen in eine OpenDocs-Seite eingef\u00fcgt werden, um vor der Darstellung detaillierterer Informationen einen visuellen \u00dcberblick zu bieten.<\/p>\n<h2>Vorteile f\u00fcr verschiedene Nutzertypen<\/h2>\n<ul>\n<li><strong>Entwickler:<\/strong>Erstellen Sie Diagramme mit vertrauten textbasierten Formaten und halten Sie technische Erkl\u00e4rungen nah an den Systemvisualisierungen.<\/li>\n<li><strong>Softwarearchitekten:<\/strong>Erstellen Sie Architektur-, UML-, C4-, Bereitstellungs- und Komponentendiagramme, die bei der Weiterentwicklung von Systemen \u00fcberarbeitet werden k\u00f6nnen.<\/li>\n<li><strong>Technische Schriftsteller:<\/strong>Kombinieren Sie Verfahren, Spezifikationen, Beispiele und bearbeitbare Diagramme in einem einzigen Dokumentationsarbeitsbereich.<\/li>\n<li><strong>Gesch\u00e4ftsanalysten:<\/strong>Erkl\u00e4ren Sie Gesch\u00e4ftsprozesse, Anforderungen, Entscheidungen und Benutzerreisen mit klaren visuellen Modellen.<\/li>\n<li><strong>Produktmanager:<\/strong>F\u00fcgen Sie Workflows, Roadmaps, Funktionsbeziehungen und Benutzerfl\u00fcsse zur Produktdokumentation hinzu.<\/li>\n<li><strong>Projektteams:<\/strong>Erstellen Sie gemeinsam genutzte Dokumentation, die sowohl Details als auch das gro\u00dfe Ganze vermittelt.<\/li>\n<li><strong>Lehrkr\u00e4fte und Ausbilder:<\/strong>Verwenden Sie Diagramme, um technische oder prozedurale Inhalte verst\u00e4ndlicher zu machen.<\/li>\n<\/ul>\n<h2>Von statischen Dokumenten zu lebendiger Dokumentation<\/h2>\n<p>Effektive Dokumentation sollte den aktuellen Zustand eines Projekts, Produkts, Prozesses oder Systems widerspiegeln. Wenn visuelle Inhalte nur als statisches Bild gespeichert werden, kann es leicht sein, Aktualisierungen aufzuschieben. Mit der Zeit entspricht das Bild m\u00f6glicherweise nicht mehr der Realit\u00e4t.<\/p>\n<p>Die Integration von OpenDocs und VPasCode unterst\u00fctzt einen wartbareren Ansatz. Diagramme k\u00f6nnen aus lesbarem Code erstellt, \u00fcber eine visuelle Vorschau \u00fcberpr\u00fcft, in das relevante Dokument eingef\u00fcgt und erneut bearbeitet werden, wenn sich die zugrunde liegenden Informationen \u00e4ndern.<\/p>\n<p>Dies schafft eine praktische Grundlage f\u00fcr lebendige Dokumentation. Das Diagramm bleibt ein n\u00fctzliches Arbeitsmittel und kein einmaliger Screenshot.<\/p>\n<h2>Ein vernetzteres Visual Paradigm-\u00d6kosystem<\/h2>\n<p>Visual Paradigm verbindet verschiedene Produkte und Funktionen, um Benutzern zu helfen, effizienter von Ideen zu Modellen, Diagrammen, Dokumentation und gemeinsamem Wissen zu gelangen.<\/p>\n<p>VPasCode bietet die Diagramm-als-Code-Erfahrung. OpenDocs bietet die Dokumenten- und Wissensmanagement-Erfahrung. Gemeinsam helfen sie Teams, visuelle Inhalte zu erstellen und diese direkt im Kontext einzuf\u00fcgen, in dem sie ben\u00f6tigt werden.<\/p>\n<p>Diese Verbindung kann den Wechsel zwischen Tools reduzieren, den Dokumentationsworkflow vereinfachen und Teams dabei unterst\u00fctzen, Diagramme w\u00e4hrend des gesamten Projektlebenszyklus besser zu nutzen.<\/p>\n<h2>Los geht&#8217;s mit OpenDocs und VPasCode<\/h2>\n<p>Mit dieser Erweiterung wird Visual Paradigm OpenDocs zu einer vielseitigeren Umgebung f\u00fcr die Erstellung strukturierter, visueller und kollaborativer Dokumentation. Benutzer k\u00f6nnen Diagramme mit PlantUML, Mermaid, Graphviz, D2, Markmap, ECharts und anderen unterst\u00fctzten Formaten erstellen, sie in Seiten einf\u00fcgen und bei Bedarf erneut bearbeiten, wenn sich Anforderungen \u00e4ndern.<\/p>\n<p>Wenn Sie nach einem Online-Diagrammersteller, einer Diagramm-als-Code-Plattform, einem Tool f\u00fcr technische Dokumentation oder einem Wissensmanagement-Tool mit integrierten visuellen Modellierungsfunktionen suchen, bietet dieser neue Workflow eine praktische M\u00f6glichkeit, Diagramme und Dokumente zusammenzuf\u00fchren.<\/p>\n<p><a href=\"https:\/\/ai-toolbox.visual-paradigm.com\/app\/opendocs\/\">Visual Paradigm OpenDocs starten<\/a> und beginnen Sie mit der Erstellung reichhaltigerer und n\u00fctzlicherer Dokumentation mit bearbeitbaren Diagrammen, die von VPasCode unterst\u00fctzt werden.<\/p>\n<h2>H\u00e4ufig gestellte Fragen<\/h2>\n<h3>Was ist die neue OpenDocs-Erweiterung?<\/h3>\n<p>OpenDocs erm\u00f6glicht es Benutzern nun, bearbeitbare Diagramme \u00fcber die Integration mit Visual Paradigm VPasCode zu erstellen und in Dokumentseiten einzuf\u00fcgen.<\/p>\n<h3>Kann ich ein Diagramm bearbeiten, nachdem ich es in OpenDocs eingef\u00fcgt habe?<\/h3>\n<p>Ja. Klicken Sie auf das Bleistift-Symbol im eingef\u00fcgten Diagramm, um es erneut im VPasCode-Editor zu \u00f6ffnen. Nach der \u00c4nderung des Diagramm-Codes klicken Sie auf Speichern und Schlie\u00dfen, um das Diagramm auf der OpenDocs-Seite zu aktualisieren.<\/p>\n<h3>Welche Diagrammformate werden unterst\u00fctzt?<\/h3>\n<p>VPasCode unterst\u00fctzt Formate und Technologien einschlie\u00dflich PlantUML, Mermaid, Graphviz, D2, Markmap, ECharts, JSON, YAML, XML, CSV, TOML, DBML und SQL. Zu den unterst\u00fctzten Diagrammtypen geh\u00f6ren Flussdiagramme, Sequenzdiagramme, Klassendiagramme, Zustandsdiagramme, ER-Diagramme, C4-Diagramme, Mindmaps, Architekturdiagramme, Gantt-Diagramme und mehr.<\/p>\n<h3>Muss ich Diagrammcode beherrschen, um die Funktion zu nutzen?<\/h3>\n<p>Nein. Sie k\u00f6nnen ein Beispiel aus dem VPasCode-Editor oder der Beispielgalerie laden. Sie k\u00f6nnen auch die Funktion \u201eMit KI erstellen&#8221; verwenden, um das gew\u00fcnschte Diagramm in nat\u00fcrlicher Sprache zu beschreiben und die KI ein initiales Diagrammskript generieren zu lassen.<\/p>\n<h3>Wo kann ich auf OpenDocs zugreifen?<\/h3>\n<p>Sie k\u00f6nnen auf Visual Paradigm OpenDocs unter <a href=\"https:\/\/ai-toolbox.visual-paradigm.com\/app\/opendocs\/\">https:\/\/ai-toolbox.visual-paradigm.com\/app\/opendocs\/<\/a>.<\/p>\n<h3>Wo kann ich mehr \u00fcber VPasCode erfahren?<\/h3>\n<p>Besuchen Sie <a href=\"https:\/\/www.visual-paradigm.com\/features\/vpascode\/\">VPasCode-Funktionsseite<\/a> um mehr \u00fcber die Diagramm-als-Code-Plattform, unterst\u00fctzte Formate, Echtzeit-Rendering, KI-Unterst\u00fctzung und verwandte Funktionen zu erfahren.<\/p>\n","protected":false},"featured_media":2885,"template":"","meta":{"_acf_changed":false,"_yoast_wpseo_title":"Visual Paradigm OpenDocs unterst\u00fctzt nun bearbeitbare Diagramme mit VPasCode","_yoast_wpseo_metadesc":"Erstellen, Einf\u00fcgen und Bearbeiten von PlantUML-, Mermaid-, Markmap- und anderen Diagrammen direkt in Visual Paradigm OpenDocs mit dem integrierten VPasCode-Online-Diagrammgenerator.","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}}},"product":[2,3],"product-area":[41,49],"version":[50],"release-type":[16],"class_list":["post-2884","releases","type-releases","status-publish","has-post-thumbnail","hentry","product-visual-paradigm","product-visual-paradigm-online","product-area-knowledge-management","product-area-vpascode","version-18-1","release-type-new-feature"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Visual Paradigm OpenDocs unterst\u00fctzt nun bearbeitbare Diagramme mit VPasCode<\/title>\n<meta name=\"description\" content=\"Erstellen, Einf\u00fcgen und Bearbeiten von PlantUML-, Mermaid-, Markmap- und anderen Diagrammen direkt in Visual Paradigm OpenDocs mit dem integrierten VPasCode-Online-Diagrammgenerator.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/updates.visual-paradigm.com\/de\/releases\/opendocs-editable-diagrams-vpascode-integration\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Visual Paradigm OpenDocs unterst\u00fctzt nun bearbeitbare Diagramme mit VPasCode\" \/>\n<meta property=\"og:description\" content=\"Erstellen, Einf\u00fcgen und Bearbeiten von PlantUML-, Mermaid-, Markmap- und anderen Diagrammen direkt in Visual Paradigm OpenDocs mit dem integrierten VPasCode-Online-Diagrammgenerator.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/updates.visual-paradigm.com\/de\/releases\/opendocs-editable-diagrams-vpascode-integration\/\" \/>\n<meta property=\"og:site_name\" content=\"Visual Paradigm Product Updates German\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-21T02:15:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/updates.visual-paradigm.com\/de\/wp-content\/uploads\/sites\/9\/2026\/09\/opendocs-vpascode-editable-diagrams-featured-image.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"1536\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"14\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/de\/releases\/opendocs-editable-diagrams-vpascode-integration\/\",\"url\":\"https:\/\/updates.visual-paradigm.com\/de\/releases\/opendocs-editable-diagrams-vpascode-integration\/\",\"name\":\"Visual Paradigm OpenDocs unterst\u00fctzt nun bearbeitbare Diagramme mit VPasCode\",\"isPartOf\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/de\/releases\/opendocs-editable-diagrams-vpascode-integration\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/de\/releases\/opendocs-editable-diagrams-vpascode-integration\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/updates.visual-paradigm.com\/de\/wp-content\/uploads\/sites\/9\/2026\/09\/opendocs-vpascode-editable-diagrams-featured-image.jpeg\",\"datePublished\":\"2026-09-21T02:15:10+00:00\",\"dateModified\":\"2026-09-21T02:15:29+00:00\",\"description\":\"Erstellen, Einf\u00fcgen und Bearbeiten von PlantUML-, Mermaid-, Markmap- und anderen Diagrammen direkt in Visual Paradigm OpenDocs mit dem integrierten VPasCode-Online-Diagrammgenerator.\",\"breadcrumb\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/de\/releases\/opendocs-editable-diagrams-vpascode-integration\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/updates.visual-paradigm.com\/de\/releases\/opendocs-editable-diagrams-vpascode-integration\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/de\/releases\/opendocs-editable-diagrams-vpascode-integration\/#primaryimage\",\"url\":\"https:\/\/updates.visual-paradigm.com\/de\/wp-content\/uploads\/sites\/9\/2026\/09\/opendocs-vpascode-editable-diagrams-featured-image.jpeg\",\"contentUrl\":\"https:\/\/updates.visual-paradigm.com\/de\/wp-content\/uploads\/sites\/9\/2026\/09\/opendocs-vpascode-editable-diagrams-featured-image.jpeg\",\"width\":1536,\"height\":1024},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/de\/releases\/opendocs-editable-diagrams-vpascode-integration\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/updates.visual-paradigm.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Bringen Sie bearbeitbare Diagramme mit VPasCode in Visual Paradigm OpenDocs ein\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/de\/#website\",\"url\":\"https:\/\/updates.visual-paradigm.com\/de\/\",\"name\":\"Visual Paradigm Product Updates German\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/updates.visual-paradigm.com\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/de\/#organization\",\"name\":\"Visual Paradigm Product Updates German\",\"url\":\"https:\/\/updates.visual-paradigm.com\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/updates.visual-paradigm.com\/de\/wp-content\/uploads\/sites\/9\/2025\/11\/vp-updates.png\",\"contentUrl\":\"https:\/\/updates.visual-paradigm.com\/de\/wp-content\/uploads\/sites\/9\/2025\/11\/vp-updates.png\",\"width\":185,\"height\":50,\"caption\":\"Visual Paradigm Product Updates German\"},\"image\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/de\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Visual Paradigm OpenDocs unterst\u00fctzt nun bearbeitbare Diagramme mit VPasCode","description":"Erstellen, Einf\u00fcgen und Bearbeiten von PlantUML-, Mermaid-, Markmap- und anderen Diagrammen direkt in Visual Paradigm OpenDocs mit dem integrierten VPasCode-Online-Diagrammgenerator.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/updates.visual-paradigm.com\/de\/releases\/opendocs-editable-diagrams-vpascode-integration\/","og_locale":"de_DE","og_type":"article","og_title":"Visual Paradigm OpenDocs unterst\u00fctzt nun bearbeitbare Diagramme mit VPasCode","og_description":"Erstellen, Einf\u00fcgen und Bearbeiten von PlantUML-, Mermaid-, Markmap- und anderen Diagrammen direkt in Visual Paradigm OpenDocs mit dem integrierten VPasCode-Online-Diagrammgenerator.","og_url":"https:\/\/updates.visual-paradigm.com\/de\/releases\/opendocs-editable-diagrams-vpascode-integration\/","og_site_name":"Visual Paradigm Product Updates German","article_modified_time":"2026-09-21T02:15:29+00:00","og_image":[{"width":1536,"height":1024,"url":"https:\/\/updates.visual-paradigm.com\/de\/wp-content\/uploads\/sites\/9\/2026\/09\/opendocs-vpascode-editable-diagrams-featured-image.jpeg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"14\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/updates.visual-paradigm.com\/de\/releases\/opendocs-editable-diagrams-vpascode-integration\/","url":"https:\/\/updates.visual-paradigm.com\/de\/releases\/opendocs-editable-diagrams-vpascode-integration\/","name":"Visual Paradigm OpenDocs unterst\u00fctzt nun bearbeitbare Diagramme mit VPasCode","isPartOf":{"@id":"https:\/\/updates.visual-paradigm.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/updates.visual-paradigm.com\/de\/releases\/opendocs-editable-diagrams-vpascode-integration\/#primaryimage"},"image":{"@id":"https:\/\/updates.visual-paradigm.com\/de\/releases\/opendocs-editable-diagrams-vpascode-integration\/#primaryimage"},"thumbnailUrl":"https:\/\/updates.visual-paradigm.com\/de\/wp-content\/uploads\/sites\/9\/2026\/09\/opendocs-vpascode-editable-diagrams-featured-image.jpeg","datePublished":"2026-09-21T02:15:10+00:00","dateModified":"2026-09-21T02:15:29+00:00","description":"Erstellen, Einf\u00fcgen und Bearbeiten von PlantUML-, Mermaid-, Markmap- und anderen Diagrammen direkt in Visual Paradigm OpenDocs mit dem integrierten VPasCode-Online-Diagrammgenerator.","breadcrumb":{"@id":"https:\/\/updates.visual-paradigm.com\/de\/releases\/opendocs-editable-diagrams-vpascode-integration\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/updates.visual-paradigm.com\/de\/releases\/opendocs-editable-diagrams-vpascode-integration\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/updates.visual-paradigm.com\/de\/releases\/opendocs-editable-diagrams-vpascode-integration\/#primaryimage","url":"https:\/\/updates.visual-paradigm.com\/de\/wp-content\/uploads\/sites\/9\/2026\/09\/opendocs-vpascode-editable-diagrams-featured-image.jpeg","contentUrl":"https:\/\/updates.visual-paradigm.com\/de\/wp-content\/uploads\/sites\/9\/2026\/09\/opendocs-vpascode-editable-diagrams-featured-image.jpeg","width":1536,"height":1024},{"@type":"BreadcrumbList","@id":"https:\/\/updates.visual-paradigm.com\/de\/releases\/opendocs-editable-diagrams-vpascode-integration\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/updates.visual-paradigm.com\/de\/"},{"@type":"ListItem","position":2,"name":"Bringen Sie bearbeitbare Diagramme mit VPasCode in Visual Paradigm OpenDocs ein"}]},{"@type":"WebSite","@id":"https:\/\/updates.visual-paradigm.com\/de\/#website","url":"https:\/\/updates.visual-paradigm.com\/de\/","name":"Visual Paradigm Product Updates German","description":"","publisher":{"@id":"https:\/\/updates.visual-paradigm.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/updates.visual-paradigm.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/updates.visual-paradigm.com\/de\/#organization","name":"Visual Paradigm Product Updates German","url":"https:\/\/updates.visual-paradigm.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/updates.visual-paradigm.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/updates.visual-paradigm.com\/de\/wp-content\/uploads\/sites\/9\/2025\/11\/vp-updates.png","contentUrl":"https:\/\/updates.visual-paradigm.com\/de\/wp-content\/uploads\/sites\/9\/2025\/11\/vp-updates.png","width":185,"height":50,"caption":"Visual Paradigm Product Updates German"},"image":{"@id":"https:\/\/updates.visual-paradigm.com\/de\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/updates.visual-paradigm.com\/de\/wp-json\/wp\/v2\/releases\/2884","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/updates.visual-paradigm.com\/de\/wp-json\/wp\/v2\/releases"}],"about":[{"href":"https:\/\/updates.visual-paradigm.com\/de\/wp-json\/wp\/v2\/types\/releases"}],"version-history":[{"count":0,"href":"https:\/\/updates.visual-paradigm.com\/de\/wp-json\/wp\/v2\/releases\/2884\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/de\/wp-json\/wp\/v2\/media\/2885"}],"wp:attachment":[{"href":"https:\/\/updates.visual-paradigm.com\/de\/wp-json\/wp\/v2\/media?parent=2884"}],"wp:term":[{"taxonomy":"product","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/de\/wp-json\/wp\/v2\/product?post=2884"},{"taxonomy":"product-area","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/de\/wp-json\/wp\/v2\/product-area?post=2884"},{"taxonomy":"version","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/de\/wp-json\/wp\/v2\/version?post=2884"},{"taxonomy":"release-type","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/de\/wp-json\/wp\/v2\/release-type?post=2884"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}