Công cụ chuyển đổi

Xem trước HTML/Markdown - render

Xem trước Markdown hoặc HTML và kiểm tra HTML đã render. Hữu ích cho bản nháp và kiểm tra nhanh.

Chuyển đổiKhi nào dùng

Chế độ nhập

Đầu vào

Xem 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
&lt;div class="note"&gt;Hello&lt;/div&gt;
```

[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ợ.

Khi nào dùng

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.

Phù hợp cho các tác vụ Chuyển đổi khi bạn cần kiểm tra nhanh, xử lý cục bộ ngay trong trình duyệt.

Cách dùng

Quy trình cơ bản

1. Thiết lập dữ liệu đầu vào hoặc tùy chọn cần thiết cho Xem trước HTML/Markdown - render.
2. Kiểm tra kết quả và điều chỉnh nếu cần.
3. Sao chép, lưu lại hoặc chuyển kết quả sang bước tiếp theo.

Điểm cần lưu ý

- Trang ưu tiên xử lý đầu vào và đầu ra ngay trong trình duyệt khi có thể.
- Xem trước HTML/Markdown - render phù hợp cho việc kiểm tra, định dạng và chuyển đổi nhanh thuộc nhóm Chuyển đổi.
- Hãy luôn kiểm tra lại kết quả cuối cùng trước khi dùng cho môi trường production hoặc dữ liệu chia sẻ.

Phù hợp nhất khi

- Mở Xem trước HTML/Markdown - render và bắt đầu xử lý ngay
- Giải quyết tác vụ Chuyển đổi nhỏ mà không cần mở ứng dụng nặng hơn
- Dọn và kiểm tra nội dung trước khi lưu hoặc chia sẻ

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.

Khi nào nên dùng Xem trước HTML/Markdown - render?

Phù hợp cho kiểm tra chuyển đổi nhanh ngay trong trình duyệt.

Công cụ này hợp với kiểu việc nào?

Hợp với các việc chuyển đổi hằng ngày như kiểm tra, chuyển đổi, dọn dẹp và xác thực.

Vì sao dùng nó thay vì trình soạn thảo chung?

Vì nó giảm phần chuẩn bị và đưa ngay một luồng làm việc chuyển đổi tập trung.

Công cụ liên quan

Chuyển đổiBase64 Chuyển đổiMã hóa URL Chuyển đổiEscape ký tự HTML Chuyển đổiBộ chuyển đổi mã ký tự Unicode