A concise online Markdown editor. From hoothin's online tools.

It is recommended to use the Chrome browser for the best editing and preview experience.

Markdown is a lightweight "markup language" that lets you focus on the content, without worrying too much about formatting.

Please read the text below to familiarize yourself with how to use this editor.

1. Introduction

• A Markdown editor that supports custom CSS styles.
• Supports real-time preview (What You See Is What You Get).
• Easily copy the formatted content to other platforms.

2. Markdown Tutorial

2.1 Headings

Different numbers of # can be used to create different levels of headings, as shown below:

Heading 1

Heading 2

Heading 3

2.2 Font Styles

Bold, italic, bold italic, and strikethrough are created by wrapping text with different symbols.

This is bold text This is italic text This is bold and italic text This is strikethrough text

Note: To change font color, size, or alignment, you'll need to use inline HTML.

2.3 Unordered Lists

Use a - followed by a space to create an unordered list item.

• Item 1
• Item 2
• Item 3

You can create nested lists by adding spaces before the -.

• Item 1
• Item 2
  • Sub-item 2.1
  • Sub-item 2.2

Note: Some platforms may only support a limited number of list levels.

2.4 Ordered Lists

Use a number followed by a . and a space to create an ordered list.

1. First item
2. Second item
3. Third item

2.5 Blockquotes

Add a > before a line to create a blockquote.

To be, or not to be, that is the question. — William Shakespeare

Stay hungry, stay foolish. — Steve Jobs

2.7 Links

The standard syntax for a link is:

Welcome to hoothin's online tools to discover more useful utilities.

2.8 Images

The syntax for inserting an image is as follows:

It supports various formats like jpg, png, gif, and svg.

Note: Please use https image links to ensure they are displayed correctly.

2.9 Horizontal Rule

You can create a horizontal rule by placing three or more hyphens, asterisks, or underscores on a line by themselves.

---

2.10 Tables

You can create tables using | and -. Use colons : to align columns.

Tool Name	Function	Link
Markdown Editor	Text Formatting	Visit
Base64 Encoder	Data Conversion	Visit
Timestamp Converter	Time Utility	Visit

3. Special Syntax

3.1 Code Blocks

For inline code, wrap it in backticks `, for example: const name = "hoothin";.

For multi-line code blocks, use triple backticks. Specify the language after the opening backticks for syntax highlighting.

function greet(name) {
  // Prints a welcome message
  console.log(`Hello, ${name}!`);
}

greet("World");

3.2 Horizontal Slides

You can create a horizontal image slider with a syntax like <![](),![]()> (the exact syntax may vary by editor).

4. Other Features

4.1 Inline HTML

The editor supports raw HTML. It's best to use inline styles for maximum compatibility.

This is centered, orange text.