Nodes

The most important types are the Node objects:

• A root-level Page node that contains the entire document's content.
• Container Element nodes.
• And leaf-level Text nodes which contain the document's text.

These three interfaces are combined to form a tree—just like the DOM. For example, here's a simple plaintext value:

{
  "subject": "Simple demo",
  "content": {
    "data": {
      "breakpoint": "480px"
    },
    "type": "page",
    "attributes": {
      "width": "600px",
      "background-color": "#f3f2f2",
      "content-background-color": "#FFFFFF"
    },
    "children": [
      {
        "type": "standard-section",
        "data": {},
        "attributes": {
          "padding-top": "25px",
          "padding-bottom": "25px",
          "padding-left": "0px",
          "padding-right": "0px"
        },
        "mobileAttributes": {
          "padding-top": "10px",
          "padding-bottom": "10px",
          "padding-left": "0px",
          "padding-right": "0px"
        },
        "children": [
          {
            "type": "standard-column",
            "data": {},
            "attributes": {},
            "children": [
              {
                "name": "Text",
                "type": "standard-h1",
                "data": {},
                "attributes": {
                  "color": "#9ec5f7"
                },
                "children": [
                  {
                    "text": "Time for A Vacation"
                  }
                ]
              }
            ]
          }
        ]
      }
    ]
  }
}