---
title: "Drawio Text Connectors Example Diagram"
description: "A diagram diagram template"
category: "training"
type: "diagram"
source_file: "training-diagrams/drawio-text-connectors-example_decoded.xml"
tags: ["drawio", "training", "tutorial"]
---

# Drawio Text Connectors Example Diagram

A diagram diagram template

## XML Source

```xml
<?xml version="1.0" ?>
<mxGraphModel dx="1367" dy="632" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="0" pageScale="1" pageWidth="850" pageHeight="1100" background="#ffffff" math="0" shadow="0">
  <root>
    <mxCell id="0"/>
    <mxCell id="1" parent="0"/>
    <mxCell id="2" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;jettySize=auto;orthogonalLoop=1;" parent="1" source="6" target="9" edge="1">
      <mxGeometry relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="3" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;exitX=0.5;exitY=1;entryX=0.5;entryY=0;jettySize=auto;orthogonalLoop=1;" parent="1" source="6" target="10" edge="1">
      <mxGeometry relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="4" value="1. Text" style="text;html=1;resizable=0;points=[];align=center;verticalAlign=middle;labelBackgroundColor=#ffffff;" parent="3" vertex="1" connectable="0">
      <mxGeometry x="-0.4" relative="1" as="geometry">
        <mxPoint as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="5" value="2.Text" style="text;html=1;resizable=0;points=[];align=center;verticalAlign=middle;labelBackgroundColor=#ffffff;" parent="3" vertex="1" connectable="0">
      <mxGeometry x="0.2583" relative="1" as="geometry">
        <mxPoint as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="6" value="Text in a shape" style="whiteSpace=wrap;html=1;fillColor=#CCCCCC;strokeWidth=3;" parent="1" vertex="1">
      <mxGeometry x="-120" y="120" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="7" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;entryX=0.5;entryY=0;jettySize=auto;orthogonalLoop=1;" parent="1" source="9" target="11" edge="1">
      <mxGeometry relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="8" value="Break text on connectors&lt;br&gt;over multiple lines&lt;div&gt;manually&lt;/div&gt;" style="text;html=1;resizable=0;points=[];align=center;verticalAlign=middle;labelBackgroundColor=#ffffff;" parent="7" vertex="1" connectable="0">
      <mxGeometry x="-0.0667" relative="1" as="geometry">
        <mxPoint as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="9" value="Text in a shape wraps automatically" style="whiteSpace=wrap;html=1;fillColor=#CCCCCC;strokeWidth=3;" parent="1" vertex="1">
      <mxGeometry x="80" y="120" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="10" value="Text in a shape" style="ellipse;whiteSpace=wrap;html=1;fontFamily=Helvetica;fontSize=12;fontColor=#000000;align=center;strokeColor=#000000;fillColor=#ffffff;" parent="1" vertex="1">
      <mxGeometry x="-120" y="420" width="120" height="70" as="geometry"/>
    </mxCell>
    <mxCell id="11" value="Text in a shape wraps automatically" style="shape=process;whiteSpace=wrap;html=1;fontFamily=Helvetica;fontSize=12;fontColor=#000000;align=center;strokeColor=#000000;fillColor=#ffffff;" parent="1" vertex="1">
      <mxGeometry x="80" y="420" width="120" height="70" as="geometry"/>
    </mxCell>
    <mxCell id="12" value="Free text on the drawing area" style="text;html=1;resizable=0;points=[];autosize=1;align=left;verticalAlign=top;spacingTop=-4;" parent="1" vertex="1">
      <mxGeometry x="-50" y="520" width="170" height="20" as="geometry"/>
    </mxCell>
  </root>
</mxGraphModel>

```