Some Text
And More Text 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sit amet est sem. Aenean ut neque volutpat, posuere odio at, mollis nibh. Aenean sodales nulla et ligula efficitur sollicitudin blandit sed lectus. Duis orci enim, sodales ac lectus sed, hendrerit efficitur est. Quisque gravida facilisis viverra.

Lets have a span
Rotated text!


LayoutTreeNodes result:
{
  "layoutTreeNodes": [
    {
      "backendNodeId": 1,
      "boundingBox": {
        "x": 0,
        "y": 0,
        "width": 785,
        "height": 600
      }
    },
    {
      "backendNodeId": 2,
      "boundingBox": {
        "x": 0,
        "y": 0,
        "width": 785,
        "height": 860
      }
    },
    {
      "backendNodeId": 3,
      "boundingBox": {
        "x": 8,
        "y": 8,
        "width": 769,
        "height": 844
      }
    },
    {
      "backendNodeId": 4,
      "boundingBox": {
        "x": 8,
        "y": 8,
        "width": 769,
        "height": 844
      }
    },
    {
      "backendNodeId": 5,
      "boundingBox": {
        "x": 8,
        "y": 8,
        "width": 769,
        "height": 16
      }
    },
    {
      "backendNodeId": 6,
      "boundingBox": {
        "x": 8,
        "y": 8,
        "width": 144,
        "height": 16
      },
      "layoutText": "Some Text",
      "inlineTextNodes": [
        {
          "boundingBox": {
            "x": 8,
            "y": 8,
            "width": 144,
            "height": 16
          },
          "startCharacterIndex": 0,
          "numCharacters": 9
        }
      ]
    },
    {
      "backendNodeId": 7,
      "boundingBox": {
        "x": 8,
        "y": 568,
        "width": 224,
        "height": 16
      },
      "layoutText": " And More Text\n    ",
      "inlineTextNodes": [
        {
          "boundingBox": {
            "x": 8,
            "y": 568,
            "width": 224,
            "height": 16
          },
          "startCharacterIndex": 1,
          "numCharacters": 14
        }
      ]
    },
    {
      "backendNodeId": 8,
      "boundingBox": {
        "x": 232,
        "y": 24,
        "width": 200,
        "height": 576
      }
    },
    {
      "backendNodeId": 9,
      "boundingBox": {
        "x": 232,
        "y": 40,
        "width": 200,
        "height": 480
      }
    },
    {
      "backendNodeId": 10,
      "boundingBox": {
        "x": 232,
        "y": 40,
        "width": 192,
        "height": 480
      },
      "layoutText": "\n        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sit amet est sem.\n        Aenean ut neque volutpat, posuere odio at, mollis nibh. Aenean sodales nulla et\n        ligula efficitur sollicitudin blandit sed lectus. Duis orci enim, sodales ac lectus sed,\n        hendrerit efficitur est. Quisque gravida facilisis viverra.\n        ",
      "inlineTextNodes": [
        {
          "boundingBox": {
            "x": 232,
            "y": 40,
            "width": 176,
            "height": 16
          },
          "startCharacterIndex": 9,
          "numCharacters": 11
        },
        {
          "boundingBox": {
            "x": 232,
            "y": 56,
            "width": 144,
            "height": 16
          },
          "startCharacterIndex": 21,
          "numCharacters": 9
        },
        {
          "boundingBox": {
            "x": 232,
            "y": 72,
            "width": 80,
            "height": 16
          },
          "startCharacterIndex": 31,
          "numCharacters": 5
        },
        {
          "boundingBox": {
            "x": 232,
            "y": 88,
            "width": 176,
            "height": 16
          },
          "startCharacterIndex": 37,
          "numCharacters": 11
        },
        {
          "boundingBox": {
            "x": 232,
            "y": 104,
            "width": 160,
            "height": 16
          },
          "startCharacterIndex": 49,
          "numCharacters": 10
        },
        {
          "boundingBox": {
            "x": 232,
            "y": 120,
            "width": 80,
            "height": 16
          },
          "startCharacterIndex": 60,
          "numCharacters": 5
        },
        {
          "boundingBox": {
            "x": 232,
            "y": 136,
            "width": 192,
            "height": 16
          },
          "startCharacterIndex": 66,
          "numCharacters": 12
        },
        {
          "boundingBox": {
            "x": 232,
            "y": 152,
            "width": 192,
            "height": 16
          },
          "startCharacterIndex": 79,
          "numCharacters": 12
        },
        {
          "boundingBox": {
            "x": 232,
            "y": 168,
            "width": 80,
            "height": 16
          },
          "startCharacterIndex": 92,
          "numCharacters": 5
        },
        {
          "boundingBox": {
            "x": 312,
            "y": 168,
            "width": 96,
            "height": 16
          },
          "startCharacterIndex": 105,
          "numCharacters": 6
        },
        {
          "boundingBox": {
            "x": 232,
            "y": 184,
            "width": 128,
            "height": 16
          },
          "startCharacterIndex": 112,
          "numCharacters": 8
        },
        {
          "boundingBox": {
            "x": 232,
            "y": 200,
            "width": 144,
            "height": 16
          },
          "startCharacterIndex": 121,
          "numCharacters": 9
        },
        {
          "boundingBox": {
            "x": 232,
            "y": 216,
            "width": 192,
            "height": 16
          },
          "startCharacterIndex": 131,
          "numCharacters": 12
        },
        {
          "boundingBox": {
            "x": 232,
            "y": 232,
            "width": 160,
            "height": 16
          },
          "startCharacterIndex": 144,
          "numCharacters": 10
        },
        {
          "boundingBox": {
            "x": 232,
            "y": 248,
            "width": 192,
            "height": 16
          },
          "startCharacterIndex": 155,
          "numCharacters": 12
        },
        {
          "boundingBox": {
            "x": 232,
            "y": 264,
            "width": 112,
            "height": 16
          },
          "startCharacterIndex": 168,
          "numCharacters": 7
        },
        {
          "boundingBox": {
            "x": 232,
            "y": 280,
            "width": 128,
            "height": 16
          },
          "startCharacterIndex": 176,
          "numCharacters": 8
        },
        {
          "boundingBox": {
            "x": 232,
            "y": 296,
            "width": 96,
            "height": 16
          },
          "startCharacterIndex": 193,
          "numCharacters": 6
        },
        {
          "boundingBox": {
            "x": 232,
            "y": 312,
            "width": 144,
            "height": 16
          },
          "startCharacterIndex": 200,
          "numCharacters": 9
        },
        {
          "boundingBox": {
            "x": 232,
            "y": 328,
            "width": 192,
            "height": 16
          },
          "startCharacterIndex": 210,
          "numCharacters": 12
        },
        {
          "boundingBox": {
            "x": 232,
            "y": 344,
            "width": 176,
            "height": 16
          },
          "startCharacterIndex": 223,
          "numCharacters": 11
        },
        {
          "boundingBox": {
            "x": 232,
            "y": 360,
            "width": 192,
            "height": 16
          },
          "startCharacterIndex": 235,
          "numCharacters": 12
        },
        {
          "boundingBox": {
            "x": 232,
            "y": 376,
            "width": 160,
            "height": 16
          },
          "startCharacterIndex": 248,
          "numCharacters": 10
        },
        {
          "boundingBox": {
            "x": 232,
            "y": 392,
            "width": 160,
            "height": 16
          },
          "startCharacterIndex": 259,
          "numCharacters": 10
        },
        {
          "boundingBox": {
            "x": 232,
            "y": 408,
            "width": 176,
            "height": 16
          },
          "startCharacterIndex": 270,
          "numCharacters": 11
        },
        {
          "boundingBox": {
            "x": 232,
            "y": 424,
            "width": 144,
            "height": 16
          },
          "startCharacterIndex": 290,
          "numCharacters": 9
        },
        {
          "boundingBox": {
            "x": 232,
            "y": 440,
            "width": 144,
            "height": 16
          },
          "startCharacterIndex": 300,
          "numCharacters": 9
        },
        {
          "boundingBox": {
            "x": 232,
            "y": 456,
            "width": 192,
            "height": 16
          },
          "startCharacterIndex": 310,
          "numCharacters": 12
        },
        {
          "boundingBox": {
            "x": 232,
            "y": 472,
            "width": 112,
            "height": 16
          },
          "startCharacterIndex": 323,
          "numCharacters": 7
        },
        {
          "boundingBox": {
            "x": 232,
            "y": 488,
            "width": 144,
            "height": 16
          },
          "startCharacterIndex": 331,
          "numCharacters": 9
        },
        {
          "boundingBox": {
            "x": 232,
            "y": 504,
            "width": 128,
            "height": 16
          },
          "startCharacterIndex": 341,
          "numCharacters": 8
        }
      ]
    },
    {
      "backendNodeId": 11,
      "boundingBox": {
        "x": 232,
        "y": 536,
        "width": 200,
        "height": 48
      }
    },
    {
      "backendNodeId": 12,
      "boundingBox": {
        "x": 272,
        "y": 536,
        "width": 160,
        "height": 16
      }
    },
    {
      "backendNodeId": 13,
      "boundingBox": {
        "x": 272,
        "y": 552,
        "width": 144,
        "height": 32
      }
    },
    {
      "backendNodeId": 14,
      "boundingBox": {
        "x": 272,
        "y": 552,
        "width": 144,
        "height": 32
      },
      "layoutText": "Lets have a span",
      "inlineTextNodes": [
        {
          "boundingBox": {
            "x": 272,
            "y": 552,
            "width": 144,
            "height": 16
          },
          "startCharacterIndex": 0,
          "numCharacters": 9
        },
        {
          "boundingBox": {
            "x": 272,
            "y": 568,
            "width": 96,
            "height": 16
          },
          "startCharacterIndex": 10,
          "numCharacters": 6
        }
      ]
    },
    {
      "backendNodeId": 15,
      "boundingBox": {
        "x": 0,
        "y": 0,
        "width": 0,
        "height": 0
      },
      "layoutText": "\n        "
    },
    {
      "backendNodeId": 16,
      "boundingBox": {
        "x": 0,
        "y": 0,
        "width": 0,
        "height": 0
      },
      "layoutText": "\n    "
    },
    {
      "backendNodeId": 17,
      "boundingBox": {
        "x": 92,
        "y": 516,
        "width": 32,
        "height": 200
      }
    },
    {
      "backendNodeId": 18,
      "boundingBox": {
        "x": 92,
        "y": 516,
        "width": 32,
        "height": 112
      },
      "layoutText": "Rotated text!",
      "inlineTextNodes": [
        {
          "boundingBox": {
            "x": 108,
            "y": 516,
            "width": 16,
            "height": 112
          },
          "startCharacterIndex": 0,
          "numCharacters": 7
        },
        {
          "boundingBox": {
            "x": 92,
            "y": 516,
            "width": 16,
            "height": 80
          },
          "startCharacterIndex": 8,
          "numCharacters": 5
        }
      ]
    },
    {
      "backendNodeId": 19,
      "boundingBox": {
        "x": 8,
        "y": 632,
        "width": 404,
        "height": 204
      }
    },
    {
      "backendNodeId": 20,
      "boundingBox": {
        "x": 0,
        "y": 0,
        "width": 0,
        "height": 0
      },
      "layoutText": "\n    "
    },
    {
      "backendNodeId": 21,
      "boundingBox": {
        "x": 8,
        "y": 836,
        "width": 769,
        "height": 16
      }
    },
    {
      "backendNodeId": 22,
      "boundingBox": {
        "x": 8,
        "y": 836,
        "width": 48,
        "height": 16
      },
      "layoutText": "Hi!",
      "inlineTextNodes": [
        {
          "boundingBox": {
            "x": 8,
            "y": 836,
            "width": 48,
            "height": 16
          },
          "startCharacterIndex": 0,
          "numCharacters": 3
        }
      ]
    },
    {
      "backendNodeId": 23,
      "boundingBox": {
        "x": 8,
        "y": 836,
        "width": 769,
        "height": 16
      }
    }
  ]
}

