DevTools

Xem trước Markdown

Sử dụng Xem trước Markdown trong Ali Hub DevTools với xác thực, kết quả, thông tin quyền riêng tư và giới hạn được trình bày rõ ràng.

Bộ nhớ chỉ được dùng khi công cụ mô tả dữ liệu trong trình duyệt là cục bộ, có phiên bản, giới hạn phạm vi, có thể xóa và không nhạy cảm.

Cài đặt công cụ này

Thêm công cụ này vào thiết bị để truy cập nhanh.

Xem trước Markdown

Preview Markdown online as rendered content while reviewing headings, links, lists, code, and tables. Tiếng Việt locale.

Make HTML structure easier to inspect

This tool renders Markdown so you can inspect how source becomes headings, paragraphs, links, lists, code blocks, tables, ...

Formatting is not HTML validation

Markdown preview is a rendering view for a lightweight markup source. The renderer interprets supported markers and produc...

How to format HTML

  1. Paste Markdown, inspect the preview, and compare it with the source. Check headings, link destinations, list nesting, code...
  2. Paste Markdown, inspect the preview, and compare it with the source. Check headings, link destinations, list nesting, code...

Formatting method

  • Read markup structure

    The preview parses source markers, builds blocks and inline spans, and displays the resulting structure. It recognizes com...

  • Apply indentation

    The preview parses source markers, builds blocks and inline spans, and displays the resulting structure. It recognizes com...

  • Preserve content

    The preview parses source markers, builds blocks and inline spans, and displays the resulting structure. It recognizes com...

Exact parser recovery, optional-tag handling, whitespace policy, embedded-language behavior, and error wording should be c...

Read the formatted result

A useful preview has the intended hierarchy, readable spacing, working links, clear code blocks, and tables that do not hi...

Lỗi thường gặp

Common mistakes include forgetting blank lines, mismatching code fences, using unsupported table syntax, writing ambiguous...

Common mistakes include forgetting blank lines, mismatching code fences, using unsupported table syntax, writing ambiguous...

Giới hạn và trường hợp đặc biệt

The preview cannot guarantee the output of every Markdown dialect, site stylesheet, sanitizer, plugin, or publishing pipel...

The preview cannot guarantee the output of every Markdown dialect, site stylesheet, sanitizer, plugin, or publishing pipel...

Examples

Markdown Preview online — 1

Does preview validate Markdown?

Paste Markdown, inspect the preview, and compare it with the source. Check headings, link destinations, list nesting, code...

A useful preview has the intended hierarchy, readable spacing, working links, clear code blocks, and tables that do not hi...

Markdown Preview online — 2

Which Markdown dialect is used?

Paste Markdown, inspect the preview, and compare it with the source. Check headings, link destinations, list nesting, code...

A useful preview has the intended hierarchy, readable spacing, working links, clear code blocks, and tables that do not hi...

Markdown Preview online — 3

Are links opened safely?

Paste Markdown, inspect the preview, and compare it with the source. Check headings, link destinations, list nesting, code...

A useful preview has the intended hierarchy, readable spacing, working links, clear code blocks, and tables that do not hi...

Markdown Preview online — 4

Can it render tables?

Paste Markdown, inspect the preview, and compare it with the source. Check headings, link destinations, list nesting, code...

A useful preview has the intended hierarchy, readable spacing, working links, clear code blocks, and tables that do not hi...

Markdown Preview online — 5

Does it support code fences?

Paste Markdown, inspect the preview, and compare it with the source. Check headings, link destinations, list nesting, code...

A useful preview has the intended hierarchy, readable spacing, working links, clear code blocks, and tables that do not hi...

Markdown Preview online — 6

Will raw HTML always render?

Paste Markdown, inspect the preview, and compare it with the source. Check headings, link destinations, list nesting, code...

A useful preview has the intended hierarchy, readable spacing, working links, clear code blocks, and tables that do not hi...

Frequently asked questions

Does preview validate Markdown?

The preview demonstrates rendering for the supported syntax. Confirm dialect behavior, sanitization, links, accessibility,...

Which Markdown dialect is used?

The preview demonstrates rendering for the supported syntax. Confirm dialect behavior, sanitization, links, accessibility,...

Are links opened safely?

The preview demonstrates rendering for the supported syntax. Confirm dialect behavior, sanitization, links, accessibility,...

Can it render tables?

The preview demonstrates rendering for the supported syntax. Confirm dialect behavior, sanitization, links, accessibility,...

Does it support code fences?

The preview demonstrates rendering for the supported syntax. Confirm dialect behavior, sanitization, links, accessibility,...

Will raw HTML always render?

The preview demonstrates rendering for the supported syntax. Confirm dialect behavior, sanitization, links, accessibility,...

How do I check accessibility?

The preview demonstrates rendering for the supported syntax. Confirm dialect behavior, sanitization, links, accessibility,...

Will production look identical?

The preview demonstrates rendering for the supported syntax. Confirm dialect behavior, sanitization, links, accessibility,...

References