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 对话工具中
- 根据实际需求调整提示词中的具体参数
- 可以多次迭代优化以获得更好的结果
