slate/examples/rich-text/state.json

{
  "document": {
    "nodes": [
      {
        "kind": "block",
        "type": "paragraph",
        "nodes": [
          {
            "kind": "text",
            "leaves": [
              {
                "text": "This is editable "
              },
              {
                "text": "rich",
                "marks": [
                  {
                    "type": "bold"
                  }
                ]
              },
              {
                "text": " text, "
              },
              {
                "text": "much",
                "marks": [
                  {
                    "type": "italic"
                  }
                ]
              },
              {
                "text": " better than a "
              },
              {
                "text": "<textarea>",
                "marks": [
                  {
                    "type": "code"
                  }
                ]
              },
              {
                "text": "!"
              }
            ]
          }
        ]
      },
      {
        "kind": "block",
        "type": "paragraph",
        "nodes": [
          {
            "kind": "text",
            "leaves": [
              {
                "text": "Since it's rich text, you can do things like turn a selection of text "
              },
              {
                "text": "bold",
                "marks": [
                  {
                    "type": "bold"
                  }
                ]
              },{
                "text": ", or add a semantically rendered block quote in the middle of the page, like this:"
              }
            ]
          }
        ]
      },
      {
        "kind": "block",
        "type": "block-quote",
        "nodes": [
          {
            "kind": "text",
            "leaves": [
              {
                "text": "A wise quote."
              }
            ]
          }
        ]
      },
      {
        "kind": "block",
        "type": "paragraph",
        "nodes": [
          {
            "kind": "text",
            "leaves": [
              {
                "text": "Try it out for yourself!"
              }
            ]
          }
        ]
      }
    ]
  }
}