{"version":"1.0","provider_name":"Learn VP","provider_url":"https:\/\/www.learn-vp.com\/de","author_name":"vpadmin","author_url":"https:\/\/www.learn-vp.com\/de\/author\/vpadmin\/","title":"Edit PlantUML Archimate Diagram in OpenDocs","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"ynsOWcLS5d\"><a href=\"https:\/\/www.learn-vp.com\/de\/gallery\/edit-plantuml-archimate-diagram-in-opendocs\/\">Edit PlantUML Archimate Diagram in OpenDocs<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/www.learn-vp.com\/de\/gallery\/edit-plantuml-archimate-diagram-in-opendocs\/embed\/#?secret=ynsOWcLS5d\" width=\"600\" height=\"338\" title=\"&#8222;Edit PlantUML Archimate Diagram in OpenDocs&#8220; &#8211; Learn VP\" data-secret=\"ynsOWcLS5d\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script>\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/\/# sourceURL=https:\/\/www.learn-vp.com\/de\/wp-includes\/js\/wp-embed.min.js\n<\/script>\n","thumbnail_url":"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a312685f1955.png","thumbnail_width":1024,"thumbnail_height":1024,"description":"Need to make a quick change? If you spot an error or need to expand the diagram later, there is no need to rebuild it from scratch. Simply click the tiny Pencil button located at the top right of the inserted image inside OpenDocs. This action securely opens up the code script back inside the VPasCode editor. Modify the text syntax, rerun the pipeline steps above, and replace the old image in your documentation flawlessly. A Recap of the VPasCode Ecosystem If you are new to VPasCode, it provides a comprehensive, unified environment for rendering text-to-diagram syntaxes in real-time. Whether you are using a free tier or advanced AI utilities, it supports a vast catalog of visual representations: PlantUML: ArchiMate, C4, Sequence, Use Case, Class, Object, Activity, Component, Deployment, State, Timing, ERD, Chen ERD, Network, WBS, and more. Mermaid: Flowchart, Class, Sequence, Entity Relationship Diagram, State Diagram, Mind Map, C4, Gantt, Quadrant, Requirement Diagram, Timeline, User Journey, Git Graph, Kanban, etc. Graphviz: Digraph, Graph, Flowchart, Organization Chart, Cluster, and Data Flow. Note: Free features include real-time previewing, URL sharing, and vector\/raster exports (SVG\/PNG). Paid editions (Visual Paradigm Online Combo Edition or Desktop Professional Edition with active maintenance) unlock advanced core capabilities like AI code error fixing and AI translation."}