Công cụ chuyển đổi

Xem trước HTML / Markdown

Xem trước Markdown hoặc HTML và kiểm tra HTML đã render.

Chuyển đổi

Dữ liệu nhập được tự động lưu trên thiết bị này.

Chỉ lưu trong trình duyệt của bạn

Gửi sang công cụ khác

Chế độ nhập

Đầu vàoXem trước

Markdown Complete Sample

All supported Markdown syntax in one place.

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Bold with asterisks and bold with underscores. Italic with asterisks and italic with underscores. Use inline code inside a sentence.

Cuvel link preview.

Syntax	Example	Supported
Bold	`text`	Yes
Italic	`text`	Yes
Link	`label`	Yes

Unordered item with "-"
Another item with "-"
Unordered item with "*"
Another item with "*"

Ordered item one
Ordered item two
Ordered item with another number

Blockquote line one.
Blockquote line two with bold and code.

<section class="card">
  <h2>Hello Markdown</h2>
  <p>Code fence sample</p>
</section>

HTML đã render

<h1>Markdown Complete Sample</h1>
<p>All supported Markdown syntax in one place.</p>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
<p><strong>Bold with asterisks</strong> and <strong>bold with underscores</strong>. <em>Italic with asterisks</em> and <em>italic with underscores</em>. Use <code>inline code</code> inside a sentence.</p>
<p><a href="https://example.com" target="_blank" rel="noopener noreferrer">Cuvel</a> link preview.</p>
<table><thead><tr><th>Syntax</th><th>Example</th><th>Supported</th></tr></thead><tbody><tr><td>Bold</td><td><code><strong>text</strong></code></td><td>Yes</td></tr><tr><td>Italic</td><td><code><em>text</em></code></td><td>Yes</td></tr><tr><td>Link</td><td><code><a href="https://example.com" target="_blank" rel="noopener noreferrer">label</a></code></td><td>Yes</td></tr></tbody></table>
<ul><li>Unordered item with &quot;-&quot;</li><li>Another item with &quot;-&quot;</li><li>Unordered item with &quot;*&quot;</li><li>Another item with &quot;*&quot;</li></ul>
<ol><li>Ordered item one</li><li>Ordered item two</li><li>Ordered item with another number</li></ol>
<blockquote><p>Blockquote line one.</p><p>Blockquote line two with <strong>bold</strong> and <code>code</code>.</p></blockquote>
<pre><code>&lt;section class=&quot;card&quot;&gt;
  &lt;h2&gt;Hello Markdown&lt;/h2&gt;
  &lt;p&gt;Code fence sample&lt;/p&gt;
&lt;/section&gt;</code></pre>

Cú pháp Markdown cơ bản

Tiêu đề: # Tiêu đề 1 / ## Tiêu đề 2
Mức tiêu đề khác: ### / #### / ##### / ######
Nhấn mạnh: **đậm** / *nghiêng*
Nhấn mạnh (cách khác): __đậm__ / _nghiêng_
Danh sách đầu dòng: - mục hoặc * mục
Danh sách đánh số: 1. mục
Trích dẫn: > nội dung trích dẫn
Mã nội dòng: `const name = "cuvel"`
Khối mã: bao bằng ``` và ```
Liên kết: [tên trang](https://example.com)
Bảng: | cột 1 | cột 2 | và dòng kế | --- | --- |

Mẫu để sao chép

# Mẫu Markdown

## Tiêu đề

Đây là văn bản thường có **in đậm** và *in nghiêng*.

- Gạch đầu dòng A
- Gạch đầu dòng B

1. Đánh số A
2. Đánh số B

> Đây là trích dẫn.

`inline code`

```html
<div class="note">Hello</div>
```

[Cuvel](https://example.com)

Ghi chú cho trang này

Ở chế độ Markdown, nội dung nhập sẽ cập nhật ngay ở khung xem trước.
Ở chế độ HTML, bạn có thể nhập HTML thô nhưng các thẻ không an toàn như script sẽ bị loại bỏ tự động.
Bạn có thể sao chép phần "HTML đã render" để dán sang công cụ hoặc tài liệu khác.
Trình render này tập trung vào tiêu đề, nhấn mạnh, danh sách, trích dẫn, liên kết, mã và bảng. Một số cú pháp như gạch ngang chữ chưa được hỗ trợ.

Dán Markdown/HTML để xem kết quả hiển thị ngay trên trình duyệt, đồng thời xem HTML đầu ra.

FAQ

Làm sao preview Markdown online?

Chuyển sang chế độ Markdown, dán nội dung và xem kết quả render ngay ở vùng preview.

Preview HTML có an toàn không?

Có. Công cụ sẽ sanitize HTML trước khi hiển thị để giảm rủi ro từ markup nguy hiểm.

Công cụ preview HTML/Markdown hữu ích khi nào?

Hữu ích cho nháp tài liệu, kiểm tra markup nhanh, QA nội dung và xác nhận cách hiển thị văn bản định dạng.

Công cụ liên quan

Base64 Mã hóa URL Escape ký tự HTML Bộ chuyển đổi Unicode