附加组件

Markdown 实时预览

Markdown live preview

分栏编辑器随输入渲染

实时预览

提示词正文

Build a markdown live preview with Tailwind CSS: a split pane with a monospace textarea on the left (line numbers optional) and rendered HTML on the right that updates as you type with a short debounce, styled headings, lists, code fences, tables and blockquotes. Include a toolbar with bold/italic/link/code buttons that wrap the selection, a view toggle (split / edit / preview) that collapses to preview-only on mobile, a word count in the footer, and graceful handling of raw HTML (escaped by default, with an allow-raw toggle).

提示词保持英文原文——直接粘贴进 Claude、Cursor、v0 或任何 AI 编程工具即可使用。

怎么用

左编辑右预览防抖更新;工具栏包裹选中文本;三视图切换;移动端仅预览;HTML 默认转义。

同类提示词 · 附加组件

© 2026 Genisource Vibe · 提示词详情