加载编辑器中...
Markdown转微信编辑器示例
这是一个简单的Markdown编辑器示例,你可以在左侧编辑,右侧实时预览。
功能特性
- 实时预览:编辑内容立即在右侧显示
- 主题切换:支持多种预览主题样式
- 设备预览:模拟不同设备的显示效果
- 本地存储:自动保存编辑内容
- 导出功能:支持复制HTML和下载Markdown文件
代码示例
import { useState } from 'react'; const Counter = () => { const [count, setCount] = useState(0); return ( <div> <p>当前计数: {count}</p> <button onClick={() => setCount(count + 1)}> 增加 </button> </div> ); }; export default Counter;
表格示例
引用示例
这是一段引用文本,可以用来突出显示重要内容。
多行引用也是支持的。
图片示例
任务列表
- 实现编辑器
- 实现预览功能
- 添加主题切换
- 添加设备预览
- 支持更多Markdown扩展功能