slate/examples/hovering-menu/value.json

{
  "document": {
    "nodes": [
      {
        "object": "block",
        "type": "paragraph",
        "nodes": [
          {
            "object": "text",
            "leaves": [
              {
                "text":
                  "This example shows how you can make a hovering menu appear above your content, which you can use to make text "
              },
              {
                "text": "bold",
                "marks": [
                  {
                    "type": "bold"
                  }
                ]
              },
              {
                "text": ", "
              },
              {
                "text": "italic",
                "marks": [
                  {
                    "type": "italic"
                  }
                ]
              },
              {
                "text": ", or anything else you might want to do!"
              }
            ]
          }
        ]
      },
      {
        "object": "block",
        "type": "paragraph",
        "nodes": [
          {
            "object": "text",
            "leaves": [
              {
                "text": "Try it out yourself! Just "
              },
              {
                "text": "select any piece of text and the menu will appear",
                "marks": [
                  {
                    "type": "bold"
                  },
                  {
                    "type": "italic"
                  }
                ]
              },
              {
                "text": "."
              }
            ]
          }
        ]
      }
    ]
  }
}