Enable JavaScript to run this app.
Ant Design X
⌘ K
Design
Development
Components
X Markdown
X SDK
X Card
X Skill
Playground
2.6.0
中
En
Direction Icon
Theme icon
Introduction
Code Examples
2.0.0
Playground
Themes
Streaming Rendering
Components
Overview
Chat
Think · Sources
Charts
Mermaid · AntV
Code
CodeHighlighter
Plugins
Overview
Latex
CustomPlugins
Playground
XMarkdown Playground
CodeSandbox Icon
codepen icon
External Link Icon
Control Panel
Light
Dark
Config
Run Stream
Markdown Input
# XMarkdown Playground Type Markdown in the editor and see real-time rendering. ## Features - CommonMark and GFM - Streaming-friendly rendering - Safe HTML handling with configurable escaping ```tsx const message = 'Hello, XMarkdown'; console.log(message); ``` ## Streaming Preview 1. Click "Run Stream" 2. Observe incomplete syntax handling 3. Continue typing in the editor for instant full preview | Step | Status | | --- | --- | | Parse | Done | | Render | Running | [Link example](https://x.ant.design/x-markdowns/introduce) ## HTML and Security <div style="padding: 8px; border: 1px solid #aaa;"> Inline raw HTML block </div> Try toggling `escapeRawHtml` to compare behavior.
Preview