7eme DrawIO-

cbxcbfdbgsdf dsggsdfgsdfgsdf

DrawIO Iframe

dvdfvdfgdfg fdgdfgfd

IFrame Source

sdfsdfsdfsdfsd fsdfsdfsdf

<iframe frameborder="0" style="width:100%;height:414px;" src="https://viewer.diagrams.net/?tags=%7B%7D&lightbox=1&highlight=0000ff&edit=_blank&layers=1&nav=1&title=Diagramme%20sans%20nom.drawio&dark=auto#R%3Cmxfile%3E%3Cdiagram%20name%3D%22Page-1%22%20id%3D%22UTX8HT6hzXskKdKN0xHW%22%3E5VbRbtsgFP0av1SahCFxnMc2aztNrdoqmrbujRhiU2FjYVI7%2B%2FpdAk5w0qjNpjxVsqzL4fjCOfdCEpFZ2d1qWhf3inEZYcS6iHyNME7GBN4WWDtgmiIH5FowB8U7YC7%2BcA%2F2tJVgvBkQjVLSiHoIZqqqeGYGGNVatUPaUsnhqjXN%2BQEwz6g8RH8KZgqHpniyw79xkRf9ynEydTMl7cleSVNQptoAItcRmWmljIt%2BNFw%2FLF6sCIwkXYCPG67XUgnIKFTlwKaAVBg9%2FhpP9femfUj47zRVz2X9lH6JrU7KeISTCBMwkly1VNisMUIoQN9J8s7Xbl99EXeKym7GJfTAjRtCECgbMJDYr4XmlQlNuznywbEt72fxUGPWfT3bQhg%2Br2lmxy20LCgpTGm9jiGkTe26aCk6zrYqX6lc%2BQRsmbvnAryQQL1i4hXC3IYW72HYfTDzBvkk7jHmZndcG94Fir1pt1yV3Og1UIqgR%2FsT2Ab97KE%2BSd%2Bz%2FtDGIz%2Bm%2FjTl28w4LLSv0wk1wx%2BpGeSB485tJ%2F5v9c5k2BgNDcNnM4x8xDC4amobrkp5mRmlwQkrWcC1dmcvlkfVCH%2BXLJQxqgwIl1LkdsKoPXPVykhR8dn2okVvGezW%2BxeXk0OXydDlydDk0eRcJo8%2Bscl4uucyOt1lGO5%2B1zZzwZ8Dcv0X%3C%2Fdiagram%3E%3C%2Fmxfile%3E"></iframe>

HTML Source

fgdfgdfg dfgfdgdfg

<!-- draw.io diagram -->
<div class="mxgraph" style="max-width:100%;border:1px solid transparent;" data-mxgraph="{&quot;highlight&quot;:&quot;#0000ff&quot;,&quot;nav&quot;:true,&quot;resize&quot;:true,&quot;dark-mode&quot;:&quot;auto&quot;,&quot;toolbar&quot;:&quot;zoom layers tags lightbox&quot;,&quot;edit&quot;:&quot;_blank&quot;,&quot;xml&quot;:&quot;&lt;mxfile host=\&quot;Electron\&quot; agent=\&quot;Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/29.5.1 Chrome/142.0.7444.265 Electron/39.6.1 Safari/537.36\&quot; version=\&quot;29.5.1\&quot;&gt;\n &lt;diagram name=\&quot;Page-1\&quot; id=\&quot;UTX8HT6hzXskKdKN0xHW\&quot;&gt;\n &lt;mxGraphModel dx=\&quot;653\&quot; dy=\&quot;980\&quot; grid=\&quot;1\&quot; gridSize=\&quot;10\&quot; guides=\&quot;1\&quot; tooltips=\&quot;1\&quot; connect=\&quot;1\&quot; arrows=\&quot;1\&quot; fold=\&quot;1\&quot; page=\&quot;1\&quot; pageScale=\&quot;1\&quot; pageWidth=\&quot;827\&quot; pageHeight=\&quot;1169\&quot; math=\&quot;0\&quot; shadow=\&quot;0\&quot;&gt;\n &lt;root&gt;\n &lt;UserObject label=\&quot;\&quot; animation=\&quot;show PX59rJswO6eZ88oYmpQ8-1 fade&amp;#xa;wait 1000&amp;#xa;show PX59rJswO6eZ88oYmpQ8-1&amp;#xa;wait 1000&amp;#xa;\&quot; id=\&quot;0\&quot;&gt;\n &lt;mxCell /&gt;\n &lt;/UserObject&gt;\n &lt;mxCell id=\&quot;1\&quot; parent=\&quot;0\&quot; /&gt;\n &lt;mxCell id=\&quot;PX59rJswO6eZ88oYmpQ8-1\&quot; parent=\&quot;1\&quot; style=\&quot;whiteSpace=wrap;html=1;aspect=fixed;\&quot; value=\&quot;dfgdfgdfg*&amp;lt;div&amp;gt;gdfg&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;dfg&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;d&amp;lt;/div&amp;gt;\&quot; vertex=\&quot;1\&quot;&gt;\n &lt;mxGeometry height=\&quot;80\&quot; width=\&quot;80\&quot; x=\&quot;120\&quot; y=\&quot;140\&quot; as=\&quot;geometry\&quot; /&gt;\n &lt;/mxCell&gt;\n &lt;mxCell id=\&quot;PX59rJswO6eZ88oYmpQ8-2\&quot; parent=\&quot;1\&quot; style=\&quot;ellipse;whiteSpace=wrap;html=1;aspect=fixed;\&quot; value=\&quot;\&quot; vertex=\&quot;1\&quot;&gt;\n &lt;mxGeometry height=\&quot;80\&quot; width=\&quot;80\&quot; x=\&quot;500\&quot; y=\&quot;240\&quot; as=\&quot;geometry\&quot; /&gt;\n &lt;/mxCell&gt;\n &lt;mxCell id=\&quot;PX59rJswO6eZ88oYmpQ8-3\&quot; parent=\&quot;1\&quot; style=\&quot;shape=umlActor;verticalLabelPosition=bottom;verticalAlign=top;html=1;outlineConnect=0;\&quot; value=\&quot;Actor\&quot; vertex=\&quot;1\&quot;&gt;\n &lt;mxGeometry height=\&quot;60\&quot; width=\&quot;30\&quot; x=\&quot;70\&quot; y=\&quot;470\&quot; as=\&quot;geometry\&quot; /&gt;\n &lt;/mxCell&gt;\n &lt;mxCell id=\&quot;PX59rJswO6eZ88oYmpQ8-4\&quot; parent=\&quot;1\&quot; style=\&quot;shape=umlActor;verticalLabelPosition=bottom;verticalAlign=top;html=1;outlineConnect=0;\&quot; value=\&quot;Actor\&quot; vertex=\&quot;1\&quot;&gt;\n &lt;mxGeometry height=\&quot;60\&quot; width=\&quot;30\&quot; x=\&quot;290\&quot; y=\&quot;400\&quot; as=\&quot;geometry\&quot; /&gt;\n &lt;/mxCell&gt;\n &lt;/root&gt;\n &lt;/mxGraphModel&gt;\n &lt;/diagram&gt;\n&lt;/mxfile&gt;\n&quot;}"></div>
<script type="text/javascript" src="https://viewer.diagrams.net/js/viewer-static.min.js"></script>

Iframe c1 DrawIO

dgsgdfgdfg sdgsfsdff

HTML sans modif

<!-- draw.io diagram -->
<div class="mxgraph" style="max-width:100%;border:1px solid transparent;" data-mxgraph="{&quot;highlight&quot;:&quot;#0000ff&quot;,&quot;nav&quot;:true,&quot;resize&quot;:true,&quot;dark-mode&quot;:&quot;auto&quot;,&quot;toolbar&quot;:&quot;zoom layers tags lightbox&quot;,&quot;xml&quot;:&quot;&lt;mxfile host=\&quot;Electron\&quot; agent=\&quot;Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/29.5.1 Chrome/142.0.7444.265 Electron/39.6.1 Safari/537.36\&quot; version=\&quot;29.5.1\&quot;&gt;\n &lt;diagram id=\&quot;VR3U9rbU-OgEQ_ZeXK1r\&quot; name=\&quot;Page-1\&quot;&gt;\n &lt;mxGraphModel dx=\&quot;655\&quot; dy=\&quot;966\&quot; grid=\&quot;1\&quot; gridSize=\&quot;10\&quot; guides=\&quot;1\&quot; tooltips=\&quot;1\&quot; connect=\&quot;1\&quot; arrows=\&quot;1\&quot; fold=\&quot;1\&quot; page=\&quot;1\&quot; pageScale=\&quot;1\&quot; pageWidth=\&quot;827\&quot; pageHeight=\&quot;1169\&quot; math=\&quot;0\&quot; shadow=\&quot;0\&quot;&gt;\n &lt;root&gt;\n &lt;UserObject label=\&quot;\&quot; animation=\&quot;&amp;#xa;show 8z1iRsoA-0zhzrFaloq4-1 fade&amp;#xa;wait 1000&amp;#xa;show 8z1iRsoA-0zhzrFaloq4-1&amp;#xa;wait 1000&amp;#xa;\&quot; id=\&quot;0\&quot;&gt;\n &lt;mxCell /&gt;\n &lt;/UserObject&gt;\n &lt;mxCell id=\&quot;1\&quot; parent=\&quot;0\&quot; /&gt;\n &lt;mxCell id=\&quot;8z1iRsoA-0zhzrFaloq4-1\&quot; parent=\&quot;1\&quot; style=\&quot;ellipse;whiteSpace=wrap;html=1;\&quot; value=\&quot;dgdfgdfg&amp;lt;div&amp;gt;fghfghfg&amp;lt;/div&amp;gt;\&quot; vertex=\&quot;1\&quot;&gt;\n &lt;mxGeometry height=\&quot;80\&quot; width=\&quot;120\&quot; x=\&quot;100\&quot; y=\&quot;190\&quot; as=\&quot;geometry\&quot; /&gt;\n &lt;/mxCell&gt;\n &lt;mxCell id=\&quot;8z1iRsoA-0zhzrFaloq4-2\&quot; parent=\&quot;1\&quot; style=\&quot;whiteSpace=wrap;html=1;aspect=fixed;\&quot; value=\&quot;\&quot; vertex=\&quot;1\&quot;&gt;\n &lt;mxGeometry height=\&quot;80\&quot; width=\&quot;80\&quot; x=\&quot;420\&quot; y=\&quot;360\&quot; as=\&quot;geometry\&quot; /&gt;\n &lt;/mxCell&gt;\n &lt;mxCell id=\&quot;8z1iRsoA-0zhzrFaloq4-3\&quot; parent=\&quot;1\&quot; style=\&quot;ellipse;shape=cloud;whiteSpace=wrap;html=1;\&quot; value=\&quot;\&quot; vertex=\&quot;1\&quot;&gt;\n &lt;mxGeometry height=\&quot;80\&quot; width=\&quot;120\&quot; x=\&quot;190\&quot; y=\&quot;500\&quot; as=\&quot;geometry\&quot; /&gt;\n &lt;/mxCell&gt;\n &lt;/root&gt;\n &lt;/mxGraphModel&gt;\n &lt;/diagram&gt;\n&lt;/mxfile&gt;\n&quot;}"></div>
<script type="text/javascript" src="https://viewer.diagrams.net/js/viewer-static.min.js"></script>