加载编辑器中...

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;

表格示例

名称类型描述
idstring唯一标识符
namestring用户名称
agenumber用户年龄
emailstring电子邮箱

引用示例

这是一段引用文本,可以用来突出显示重要内容。

多行引用也是支持的。

图片示例

示例图片

任务列表

  • 实现编辑器
  • 实现预览功能
  • 添加主题切换
  • 添加设备预览
  • 支持更多Markdown扩展功能