Heading 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas quis arcu id nibh bibendum faucibus. 🎬 Morbi laoreet blandit pharetra. Ut euismod purus sed mi bibendum, ut molestie nisl hendrerit. Aenean luctus enim neque, eu varius neque efficitur ac. Vivamus in feugiat lacus, quis vehicula arcu. Donec mattis fermentum sagittis. Fusce vel mattis tortor, in placerat nunc. Aliquam gravida tempor augue quis feugiat. Donec eleifend augue id magna venenatis scelerisque a ut mauris. Etiam egestas lectus erat, eu viverra tortor facilisis at. Mauris fermentum ante id mattis porta.

Aliquam porta maximus lectus. Vivamus nec ex in justo pretium pellentesque. Etiam efficitur commodo interdum. Fusce a vehicula justo, fermentum volutpat sem. Vivamus ac ligula lectus. Aenean vitae blandit libero, non tincidunt sem. Praesent iaculis nisi viverra purus lacinia, eget tincidunt mauris ornare.

Duis urna risus, efficitur nec sodales et, sollicitudin quis augue. Cras ut dignissim dui. In justo ante, cursus vel nunc ac, viverra ultricies turpis. Pellentesque placerat tincidunt lacus, vel rhoncus erat suscipit ac. Nunc ligula nibh, imperdiet ut enim non, lacinia blandit neque. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce eleifend blandit tellus, non cursus orci pharetra et. Fusce vel metus risus. Added some data.

Child blocks inside paragraph

• listx

Heading 2 (brown bg)

Heading 3 (orange)

📝 Emoji Bolded Text looks like a heading but isn’t

📝 Emoji Bolded Text looks like a heading but isn’t and colored pink bg

Four columns (blue bg)

Twelve columns

Database

Widgets

Quotes - Nullam vulputate molestie mauris, a sodales diam lobortis interdum.Nulla viverra rutrum sem, sed varius risus. Vestibulum lacinia dolor augue, a vulputate justo venenatis et. Mauris tincidunt volutpat tincidunt. Morbi eget ultrices nulla. Aliquam pulvinar eu lacus at ultricies.

Quotes - Nullam vulputate molestie mauris, a sodales diam lobortis interdum.Nulla viverra rutrum sem, sed varius risus. Vestibulum lacinia dolor augue, a vulputate justo venenatis et. Mauris tincidunt volutpat tincidunt. Morbi eget ultrices nulla. Aliquam pulvinar eu lacus at ultricies.

This is a child element of the quote

So is this

Callout with uploaded icon. Nulla viverra rutrum sem, sed varius risus. Vestibulum lacinia dolor augue, a vulputate justo venenatis et. Mauris tincidunt volutpat tincidunt. Morbi eget ultrices nulla. Aliquam pulvinar eu lacus at ultricies.

Callout with linked icon. Nulla viverra rutrum sem, sed varius risus. Vestibulum lacinia dolor augue, a vulputate justo venenatis et. Mauris tincidunt volutpat tincidunt. Morbi eget ultrices nulla. Aliquam pulvinar eu lacus at ultricies.

ℹ️ This is a callout containing blocks and bolded title (with italics and underline here)

Heading 1

💡 Nested first callout here. Nulla viverra rutrum sem, sed varius risus. Vestibulum lacinia dolor augue, a vulputate justo venenatis et. Mauris tincidunt volutpat tincidunt. Morbi eget ultrices nulla. Aliquam pulvinar eu lacus at ultricies.

ℹ️ Nested second callout here. Nulla viverra rutrum sem, sed varius risus. Vestibulum lacinia dolor augue, a vulputate justo venenatis et. Mauris tincidunt volutpat tincidunt. Morbi eget ultrices nulla. Aliquam pulvinar eu lacus at ultricies.

Nested third callout with uploaded icon. Nulla viverra rutrum sem, sed varius risus. Vestibulum lacinia dolor augue, a vulputate justo venenatis et. Mauris tincidunt volutpat tincidunt. Morbi eget ultrices nulla. Aliquam pulvinar eu lacus at ultricies.

Nested callout with linked icon. Nulla viverra rutrum sem, sed varius risus. Vestibulum lacinia dolor augue, a vulputate justo venenatis et. Mauris tincidunt volutpat tincidunt. Morbi eget ultrices nulla. Aliquam pulvinar eu lacus at ultricies.

⛺ Nested callout with linked icon. Nulla viverra rutrum sem, sed varius risus. Vestibulum lacinia dolor augue, a vulputate justo venenatis et. Mauris tincidunt volutpat tincidunt. Morbi eget ultrices nulla. Aliquam pulvinar eu lacus at ultricies.

Heading 2

• Bullet 1
• Bullet 2
• Bullet 3

checkbox 1

checkbox 2

checkbox 3

1. This is the first numbered item
2. This is the second numbered item
3. This is the third numbered item

1. Another first numbered item
2. Another numbered item
3. Another third numbered item

Heading 3

R1C1	R1C2	R1C3
R2C1	R2C2	R3C3
R3C1	R3C2	R3C3

Toggle List containing colored text

Some text with Default color

Some text with Gray color

Some text with Brown color

Some text with Orange color

Some text with Yellow color

Some text with Green color

Some text with Blue color

Some text with Purple color

Some text with Pink color

Some text with Red color

Some text with Default background

Some text with Gray background

Some text with Brown background

Some text with Orange background

Some text with Yellow background

Some text with Green background

Some text with Blue background

Some text with Purple background

Some text with Pink background

Some text with Red background

Nested Toggle List with Blue Background containing colored text

Some text with Default color

Some text with Gray color

Some text with Brown color

Some text with Orange color

Some text with Yellow color

Some text with Green color

Some text with Blue color

Some text with Purple color

Some text with Pink color

Some text with Red color

Some text with Default background

Some text with Gray background

Some text with Brown background

Some text with Orange background

Some text with Yellow background

Some text with Green background

Some text with Blue background

Some text with Purple background

Some text with Pink background

Some text with Red background

FunctionDerivative.cs

• Bullet 1
• Bullet 2
• Bullet 3
  This is a child text block of bullet 3
  so it this

  as is this
  
  

1. This is the first numbered item
2. This is the second numbered item
3. This is the third numbered item

1. Another first numbered item
2. Another numbered item
3. Another third numbered item

Some text with Default color

Some text with Gray color

Some text with Brown color

Some text with Orange color

Some text with Yellow color

Some text with Green color

Some text with Blue color

Some text with Purple color

Some text with Pink color

Some text with Red color

Some text with Default background

Some text with Gray background

Some text with Brown background

Some text with Orange background

Some text with Yellow background

Some text with Green background

Some text with Blue background

Some text with Purple background

Some text with Pink background

Some text with Red background

Embed

{
  "bookmark": {
    "url": "http://google.com",
    "caption": []
  },
  "type": "bookmark",
  "object": "block",
  "id": "a2312553-1e9d-40f0-bcb4-4a6421daec1d",
  "created_time": "2024-06-04T07:33:00Z",
  "last_edited_time": "2024-06-04T07:33:00Z",
  "has_children": false,
  "created_by": {
    "id": "041aeccd-4487-458d-bd0a-b394868bbf29",
    "object": "user"
  },
  "last_edited_by": {
    "id": "041aeccd-4487-458d-bd0a-b394868bbf29",
    "object": "user"
  },
  "parent": {
    "page_id": "68e75336-7282-4aee-85e6-cdd71155286a",
    "Type": "page_id"
  }
}

    
								

{
  "bookmark": {
    "url": "https://www.sphere10.com",
    "caption": []
  },
  "type": "bookmark",
  "object": "block",
  "id": "06495daf-b53b-4426-8e7b-b636faa89a04",
  "created_time": "2024-06-04T07:33:00Z",
  "last_edited_time": "2024-06-04T07:33:00Z",
  "has_children": false,
  "created_by": {
    "id": "041aeccd-4487-458d-bd0a-b394868bbf29",
    "object": "user"
  },
  "last_edited_by": {
    "id": "041aeccd-4487-458d-bd0a-b394868bbf29",
    "object": "user"
  },
  "parent": {
    "page_id": "68e75336-7282-4aee-85e6-cdd71155286a",
    "Type": "page_id"
  }
}

    
								

{
  "bookmark": {
    "url": "https://twitter.com/elonmusk/status/1545150462214623232",
    "caption": []
  },
  "type": "bookmark",
  "object": "block",
  "id": "000bcefb-f852-4da1-9b49-94ab91291eb9",
  "created_time": "2024-06-04T07:33:00Z",
  "last_edited_time": "2024-06-04T07:33:00Z",
  "has_children": false,
  "created_by": {
    "id": "041aeccd-4487-458d-bd0a-b394868bbf29",
    "object": "user"
  },
  "last_edited_by": {
    "id": "041aeccd-4487-458d-bd0a-b394868bbf29",
    "object": "user"
  },
  "parent": {
    "page_id": "68e75336-7282-4aee-85e6-cdd71155286a",
    "Type": "page_id"
  }
}

    
								

Table

Long

Real-world Example

In 2 Columns

R1C1	R1C2	R1C3
R2C1	R2C2	R3C3
R3C1	R3C2	R3C3

Comments

Text with a comment

R1C1	R1C2	R1C3
R2C1	R2C2	R3C3
R3C1	R3C2	R3C3

R1C1	R1C2	R1C3
R2C1	R2C2	R3C3
R3C1	R3C2	R3C3

Code Blocks

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

namespace CSharpTutorials
{
    class Program
    {
        static void Main(string[] args)
        {
            string message = "Hello World!!";

            Console.WriteLine(message);
        }
    }
}


						

TYPES:
  BEGIN OF ty_data,
    fld1 TYPE char20,
    fld2 TYPE char20,
    fld3 TYPE char20,
  END   OF ty_data.
DATA: lt_data TYPE STANDARD TABLE OF ty_data.
FIELD-SYMBOLS:   LIKE LINE OF lt_data.
 
START-OF-SELECTION.
 
* TO hold buffer from clipboard
  TYPES:
    BEGIN OF ty_clipdata,
      DATA TYPE c LENGTH 500,
    END   OF ty_clipdata.
  DATA: lt_clipdata TYPE STANDARD TABLE OF ty_clipdata.
  DATA: ls_clipdata LIKE LINE OF lt_clipdata.
  DATA: lv_clip_len TYPE i.
  CONSTANTS: c_tab  TYPE c VALUE cl_bcs_convert=>gc_tab.
* Split data to each field
  DATA: lt_record TYPE STANDARD TABLE OF ty_clipdata.
  DATA: ls_record LIKE LINE OF lt_record.
  FIELD-SYMBOLS:  TYPE ANY.
*------------
* Import data from Clipboard
*------------
  cl_gui_frontend_services=>clipboard_import(
    IMPORTING
       DATA                 = lt_clipdata
       LENGTH               = lv_clip_len
     EXCEPTIONS
       cntl_error           = 1
       error_no_gui         = 2
       not_supported_by_gui = 3
       OTHERS               = 4 ).
  IF sy-subrc NE 0.
    MESSAGE 'Error while importing data from clipboard' TYPE 'I'.
    EXIT.
  ENDIF.
*---- Split data to respective field and
*---- populate the data in table
  LOOP AT lt_clipdata INTO ls_clipdata.
    SPLIT ls_clipdata AT c_tab
      INTO TABLE lt_record.
    APPEND INITIAL LINE TO lt_data ASSIGNING .
    LOOP AT lt_record INTO ls_record.
      ASSIGN COMPONENT sy-tabix
        OF STRUCTURE  TO .
      IF sy-subrc EQ 0.
         = ls_record-DATA.
      ENDIF.
    ENDLOOP.
  ENDLOOP.
*
* write it back for demo
  LOOP AT lt_data ASSIGNING .
    WRITE: / -fld1,
             -fld2,
             -fld3.
  ENDLOOP.


						

This is another codeblock in plaintext language


								

procedure Foo() 
begin
  var a := Foo();
end



								

This is another codeblock in XML




								

if cmd xxxx


								

Embeds

Equations

Inline Equation

This is a sentence with an inline equation \( E=mc^2 \) and it looks pretty cool.

Block Equation

Links

This is a link to people Herman Schoenfeld and to .

This is a link to google .

Link to 👽 Embedded Page (2) which has an icon.

Link to Embedded Page 3 (No Icon) which has no icon.

Link to block

{
  "type": "unsupported",
  "object": "block",
  "id": "fd2b69f3-2a70-4bc0-828f-50234e0ae375",
  "created_time": "2024-06-04T07:33:00Z",
  "last_edited_time": "2024-06-04T07:33:00Z",
  "has_children": false,
  "created_by": {
    "id": "041aeccd-4487-458d-bd0a-b394868bbf29",
    "object": "user"
  },
  "last_edited_by": {
    "id": "041aeccd-4487-458d-bd0a-b394868bbf29",
    "object": "user"
  },
  "parent": {
    "page_id": "68e75336-7282-4aee-85e6-cdd71155286a",
    "Type": "page_id"
  }
}