About This Tool

What is Markdown Preview?

A tool for previewing Markdown-formatted text in real time. Instantly check rendering results when writing GitHub READMEs, blog posts, and documentation with Markdown syntax.

How to Use

  1. Enter text in Markdown format in the left editor.
  2. The rendered result appears in real time in the right preview area.
  3. Use Markdown syntax: headings (#), bold (**), lists (-), links ([]), etc.

Key Features

  • Real-time Markdown rendering
  • Side-by-side editor/preview split
  • Major Markdown syntax support
  • Code block and table rendering

Tips

  • Headings use # (one for H1) through ###### (six for H6).
  • Code blocks are wrapped with triple backticks (```) with an optional language name.
  • Images use the format ![alt text](URL).

Markdown Preview

Preview Markdown in real-time

Hello World

This is a Markdown preview tool.

Features

  • Real-time preview

  • Bold, italic, code

Code Block

console.log("Hello!");

Blockquote example


  • First item

  • Second item


Frequently Asked Questions

支持哪些Markdown语法?

支持标准Markdown:标题(#)、粗体(**文本**)、斜体(*文本*)、链接([文本](url))、图片(![alt](url))、有序和无序列表、引用(>)、代码块(```)、表格、水平线(---)和任务列表(- [x])。遵循CommonMark规范。

预览对XSS攻击安全吗?

安全。预览使用DOMPurify进行消毒处理,在渲染前移除潜在危险的HTML、JavaScript和事件处理程序。这意味着可以安全预览来自不可信来源的Markdown,无脚本注入或XSS攻击风险。

可以在Markdown中使用HTML吗?

基本HTML标签在Markdown中是允许的并会渲染。但script标签、事件处理程序(onclick等)和潜在危险元素会被消毒器出于安全原因移除。<br>、<sup>、<sub>和<details>等常见标签可正常使用。


Related Tools