Markdown笔记应用开发

开发基于HTML5/CSS3/JS的Markdown笔记应用,具备分屏编辑预览、完整语法支持、分类管理、智能搜索、多格式导出及个性化设置等功能,需响应式设计并确保兼容性。
构建一个功能丰富的Markdown笔记应用,使用HTML5、CSS3和JavaScript技术实现。具体要求如下:

1. 界面设计
   - 采用分屏式布局:左侧为富文本编辑器,右侧实时显示Markdown预览效果
   - 响应式设计:适配不同屏幕尺寸,支持面板折叠功能

2. 核心功能要求
   - 完整支持Markdown语法规范,包括:
     * 表格功能
     * 带语法高亮的代码块
     * LaTeX数学公式渲染
   - 笔记组织系统:
     * 层级化分类结构(支持嵌套)
     * 标签管理系统
     * 收藏夹功能

3. 高级功能
   - 智能搜索系统:
     * 支持条件筛选
     * 内容索引功能
   - 数据管理:
     * 采用localStorage存储
     * 提供导入/导出备份选项
     * 支持导出为PDF/HTML/Markdown格式
   - 个性化设置:
     * 可切换的深色/浅色模式
     * 可配置的语法高亮主题
   - 效率工具:
     * 为常用操作配置键盘快捷键
     * 自动保存功能
     * 版本历史记录与恢复功能

4. 技术要求
   - 严格遵循HTML5/CSS3标准
   - 使用现代JavaScript(ES6+)实现核心逻辑
   - 确保在各主流浏览器兼容运行

注:所有功能模块需进行充分测试,保证系统稳定性和数据安全性。

使用说明

  • 点击"复制提示词"按钮复制完整内容
  • 粘贴到 ChatGPT、Claude 或其他 AI 对话工具中
  • 根据实际需求调整提示词中的具体参数
  • 可以多次迭代优化以获得更好的结果