This document contains examples of common Markdown syntax for testing a Markdown editor and preview renderer.
Bold text
Italic text
Bold and italic text
Strikethrough text
Inline code
Underlined text
Bold with italic inside
This is a normal paragraph.
This is another paragraph separated by a blank line.
You can also have a long paragraph containing multiple sentences. Markdown renderers should normally wrap this text automatically according to the available width.
* Nested item
* Third-level item
Another third-level item
Second item
* Nested item
1. Nested item
Another nested item
Second item
Third item
* Nested bullet
* Nested bullet
* [ ] Sub-task
[x] Completed sub-task
[x] Another main task
This is a blockquote.
This is a longer blockquote that contains multiple lines of text.
This is the first level.
This is a nested blockquote.
Back to the first level.
Important: This is a bold statement inside a blockquote.
This is italic text inside a blockquote.
Plain URL:
Email:
Use Console.WriteLine() to print text in C#.
You can also write var customer = new Customer(); inside a paragraph.
public class Customer
{
public int Id { get; set; }
public string Name { get; set; }
}
function helloWorld() {
console.log("Hello World");
}
<div class="container">
<h1>Hello World</h1>
</div>
.container {
max-width: 1200px;
margin: 0 auto;
}
SELECT Id, Name
FROM Customers
WHERE IsActive = 1
ORDER BY Name;
{
"id": 123,
"name": "John",
"active": true
}
This is a plain text code block.
Nothing should be formatted here.
| Name | Age | City |
|---|---|---|
| John | 30 | New York |
| Sarah | 28 | London |
| Ahmed | 35 | Dubai |
| Left Aligned | Center Aligned | Right Aligned | |
|---|---|---|---|
| Text | Text | Text | |
| Item 1 | Item 2 | Item 3 | |
| Item A | Item B | Item C | item D |
| Feature | Status | Notes |
|---|---|---|
| **Bold** | ✅ Done | Working |
| *Italic* | ⚠️ Testing | Needs testing |
| ~~Strike~~ | ❌ Failed | Not supported |
This is not a bullet point
This is not italic
(This is not a link)
This is not code
©
®
™
This line ends with two spaces. This line should appear directly below it.
This is another paragraph.
This is an HTML paragraph.
Bold HTML text
Italic HTML text
Deleted HTML text
Highlighted HTML text
Superscript
Subscript
H2O
X2
E = mc2
Term 1 : Definition of term 1
Term 2 : Definition of term 2
Here is a sentence with a footnote.[^1]
Here is another sentence with a footnote.[^2]
[^1]: This is the first footnote.
[^2]: This is the second footnote.
** Not bold
_ Underscore
Plus
Hyphen
. Period
! Exclamation mark
$$Square bracket
] Square bracket
( Parenthesis
) Parenthesis
` Backtick
~ Tilde
Bold italic text
Italic bold text
Bold strikethrough
Italic strikethrough
**This remains inline code**
* Level 2
* Level 3
* Level 4
* Level 5
Important
This blockquote contains a list:
- First item
- Second item
- Third item
| Language | Example |
|---|---|
| C# | `Console.WriteLine("Hello");` |
| JavaScript | `console.log("Hello");` |
| SQL | `SELECT * FROM Users;` |
graph TD
A[Start] --> B{Decision}
B -->|Yes| C[Finish]
B -->|No| D[Alternate]sequenceDiagram User->>Application: Request Application->>API: Call API API-->>Application: Response Application-->>User: Result
flowchart LR A[Start] --> B[Process] B --> C[Result]
classDiagram
class Customer {
+int Id
+string Name
+Save()
}
class Order {
+int Id
+decimal Total
+Submit()
}
Customer --> OrderstateDiagram-v2 [*] --> Pending Pending --> Processing Processing --> Completed Processing --> Failed Failed --> Pending Completed --> [*]
erDiagram
CUSTOMER ||--o{ ORDER : places
ORDER ||--|{ ORDER_ITEM : contains
PRODUCT ||--o{ ORDER_ITEM : includesgantt title Project Schedule dateFormat YYYY-MM-DD section Development Development :a1, 2026-09-01, 10d Testing :after a1, 5d Deployment :after a1, 3d
pie title Project Tasks "Development" : 50 "Testing" : 30 "Documentation" : 20
gitGraph commit commit branch development checkout development commit commit checkout main merge development commit
[!NOTE] This is a note.
[!TIP] This is a useful tip.
[!IMPORTANT] This is important information.
[!WARNING] This is a warning.
[!CAUTION] This is a caution.
This project provides Google Merchant onboarding functionality.
| Feature | Status |
|---|---|
| Account Setup | ✅ Complete |
| Site Verification | ✅ Complete |
| Product Feed | 🔄 Processing |
| Reporting | ⏳ Pending |
graph TD A[Start] --> B[Verify Site] B --> C[Claim Homepage] C --> D[Configure Merchant Account] D --> E[Process Products] E --> F[Generate Report]
Note: Product processing may take some time after the data source is configured.
var result = await merchantService.OnboardAsync(
brand,
siteId,
cancellationToken);
Bold
Italic
Bold Italic
Strikethrough
Inline code
Blockquote
* Nested bullet
Numbered
Numbered
1. Nested numbered
[x] Completed
[ ] Not completed
| Column 1 | Column 2 |
|---|---|
| Value 1 | Value 2 |
var message = "Hello Markdown!";
graph LR A[Markdown] --> B[Renderer] B --> C[HTML]
If all of the above renders correctly, the Markdown renderer supports a broad range of common Markdown and extended Markdown features. $$