slate/examples/hovering-menu/state.json

{
  "nodes": [
    {
      "kind": "block",
      "type": "paragraph",
      "nodes": [
        {
          "kind": "text",
          "ranges": [
            {
              "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!"
            }
          ]
        }
      ]
    },
    {
      "kind": "block",
      "type": "paragraph",
      "nodes": [
        {
          "kind": "text",
          "ranges": [
            {
              "text": "Try it out yourself! Just "
            },
            {
              "text": "select any piece of text and the menu will appear",
              "marks": [
                {
                  "type": "bold"
                },
                {
                  "type": "italic"
                }
              ]
            },
            {
              "text": "."
            }
          ]
        }
      ]
    }
  ]
}