Enable JavaScript to run this app.
Ant Design X
Design
Development
Components
X Markdown
X SDK
X Skill
Playground
2.3.0
中
En
Direction Icon
Theme icon
Introduction
Code Examples
2.0.0
Playground
Themes
Streaming
Components
Overview
Chat Enhancement
Data Display
Rich Text Enhancement
Plugins
Overview
Latex
CustomPlugins
Playground
XMarkdown Playground
CodeSandbox Icon
codepen icon
External Link Icon
Control Panel
Light
Dark
Animation
Escape Raw HTML
Open Links In New Tab
Protect Custom Tag Newlines
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
Ant Design X
