AppFlowy/frontend/app_flowy/packages/flowy_editor/example/assets/example.json

{
  "document": {
    "type": "editor",
    "attributes": {},
    "children": [
      {
        "type": "image",
        "attributes": {
          "image_src": "https://s1.ax1x.com/2022/07/28/vCgz1x.png"
        }
      },
      {
        "type": "text",
        "delta": [
          {
            "insert": "🌶 Read Me"
          }
        ],
        "attributes": {
          "subtype": "heading",
          "heading": "h1"
        }
      },
      {
        "type": "text",
        "delta": [
          {
            "insert": "👋 Welcome to Appflowy"
          }
        ],
        "attributes": {
          "subtype": "heading",
          "heading": "h2"
        }
      },
      {
        "type": "text",
        "delta": [
          {
            "insert": "At "
          },
          { "insert": "AppFlowy", "attributes": { "code": true, "bold": true, "color": "0xFFED459C"} },
          {
            "insert": ", we embody what we value deep in our hearts, taking inspiration from other great companies while forging our own path. AppFlowy’s five core values are Mission Driven, Aim High & Iterate, Transparency, Collaboration, and Honesty. Together, they spell MATCH. We will continue to iterate and refine these values as we grow."
          }
        ]
      },
      {
        "type": "text",
        "delta": [
          {
            "insert": "Here are the basics:"
          }
        ],
        "attributes": {
          "subtype": "heading",
          "heading": "h3"
        }
      },
      {
        "type": "text",
        "delta": [
          { "insert": "Click " },
          { "insert": "anywhere", "attributes": { "underline": true } },
          { "insert": " and just typing." }
        ]
      },
      {
        "type": "text",
        "delta": [
          {
            "insert": "Hit"
          },
          {
            "insert": "  /  ",
            "attributes": { "backgroundColor": "0xFFFFFF00" }
          },
          {
            "insert": "to see all the types of content you can add - entity, headers, videos, sub pages, etc."
          }
        ]
      },
      {
        "type": "text",
        "delta": [
          {
            "insert": "Highlight any text, and use the menu that pops up to "
          },
          { "insert": "style", "attributes": { "bold": true } },
          { "insert": " your ", "attributes": { "italic": true } },
          { "insert": "writing", "attributes": { "strikethrough": true } },
          { "insert": "." }
        ]
      },
      {
        "type": "text",
        "delta": [
          {
            "insert": "Here are the plugins:"
          }
        ],
        "attributes": {
          "subtype": "heading",
          "heading": "h3"
        }
      },
      {
        "type": "text",
        "delta": [
          {
            "insert": "Hello world"
          }
        ],
        "attributes": {
          "subtype": "checkbox",
          "checkbox": false
        }
      },
      {
        "type": "text",
        "delta": [
          {
            "insert": "Hello world"
          }
        ],
        "attributes": {
          "subtype": "checkbox",
          "checkbox": false
        }
      },
      {
        "type": "text",
        "delta": [
          {
            "insert": "Hello world"
          }
        ],
        "attributes": {
          "subtype": "checkbox",
          "checkbox": false
        }
      },
      {
        "type": "text",
        "delta": [
          {
            "insert": "Hello world"
          }
        ],
        "attributes": {
          "subtype": "bulleted-list"
        }
      },
      {
        "type": "text",
        "delta": [
          {
            "insert": "Hello world"
          }
        ],
        "attributes": {
          "subtype": "bulleted-list"
        }
      },
      {
        "type": "text",
        "delta": [
          {
            "insert": "Hello "
          },
          {
            "insert": "world",
            "attributes": { "bold": true }
          }
        ],
        "attributes": {
          "subtype": "bulleted-list"
        }
      },
      {
        "type": "text",
        "delta": [
          {
            "insert": "Hello world"
          }
        ],
        "attributes": {
          "subtype": "quote"
        }
      },
      {
        "type": "text",
        "delta": [
          {
            "insert": "Hello world"
          }
        ],
        "attributes": {
          "subtype": "quote"
        }
      },
      {
        "type": "text",
        "delta": [
          {
            "insert": "Hello world"
          }
        ],
        "attributes": {
          "subtype": "quote"
        }
      },
      {
        "type": "text",
        "delta": [
          {
            "insert": "Hello world"
          }
        ],
        "attributes": {
          "subtype": "number-list",
          "number": 1
        }
      },
      {
        "type": "text",
        "delta": [
          {
            "insert": "Hello world"
          }
        ],
        "attributes": {
          "subtype": "number-list",
          "number": 2
        }
      },
      {
        "type": "text",
        "delta": [
          {
            "insert": "Hello world"
          }
        ],
        "attributes": {
          "subtype": "number-list",
          "number": 3
        }
      },
      {
        "type": "text",
        "delta": [
          {
            "insert": "At AppFlowy, we embody what we value deep in our hearts, taking inspiration from other great companies while forging our own path. AppFlowy’s five core values are Mission Driven, Aim High & Iterate, Transparency, Collaboration, and Honesty. Together, they spell MATCH. We will continue to iterate and refine these values as we grow."
          }
        ]
      },
      {
        "type": "text",
        "delta": [
          {
            "insert": "At AppFlowy, we embody what we value deep in our hearts, taking inspiration from other great companies while forging our own path. AppFlowy’s five core values are Mission Driven, Aim High & Iterate, Transparency, Collaboration, and Honesty. Together, they spell MATCH. We will continue to iterate and refine these values as we grow."
          }
        ]
      },
      {
        "type": "text",
        "delta": [
          {
            "insert": "At AppFlowy, we embody what we value deep in our hearts, taking inspiration from other great companies while forging our own path. AppFlowy’s five core values are Mission Driven, Aim High & Iterate, Transparency, Collaboration, and Honesty. Together, they spell MATCH. We will continue to iterate and refine these values as we grow."
          }
        ]
      },
      {
        "type": "text",
        "delta": [
          {
            "insert": "At AppFlowy, we embody what we value deep in our hearts, taking inspiration from other great companies while forging our own path. AppFlowy’s five core values are Mission Driven, Aim High & Iterate, Transparency, Collaboration, and Honesty. Together, they spell MATCH. We will continue to iterate and refine these values as we grow."
          }
        ]
      },
      {
        "type": "text",
        "delta": [
          {
            "insert": "At AppFlowy, we embody what we value deep in our hearts, taking inspiration from other great companies while forging our own path. AppFlowy’s five core values are Mission Driven, Aim High & Iterate, Transparency, Collaboration, and Honesty. Together, they spell MATCH. We will continue to iterate and refine these values as we grow."
          }
        ]
      },
      {
        "type": "text",
        "delta": [
          {
            "insert": "At AppFlowy, we embody what we value deep in our hearts, taking inspiration from other great companies while forging our own path. AppFlowy’s five core values are Mission Driven, Aim High & Iterate, Transparency, Collaboration, and Honesty. Together, they spell MATCH. We will continue to iterate and refine these values as we grow."
          }
        ]
      },
      {
        "type": "text",
        "delta": [
          {
            "insert": "At AppFlowy, we embody what we value deep in our hearts, taking inspiration from other great companies while forging our own path. AppFlowy’s five core values are Mission Driven, Aim High & Iterate, Transparency, Collaboration, and Honesty. Together, they spell MATCH. We will continue to iterate and refine these values as we grow."
          }
        ]
      }
    ]
  }
}