WritingTextAdvanced

Feature-Rich Markdown Notes Application

Build a feature-rich markdown notes app with split-screen editor, live preview, table/code block/LaTeX support, hierarchical organization, search, data export, theme switching, responsive layout, keyboard shortcuts, and auto-save.

Prompt Content

Copy and paste directly into your model or internal evaluation tool.

Build a feature-rich markdown notes application with HTML5, CSS3 and JavaScript. Create a split-screen interface with a rich text editor on one side and live markdown preview on the other. Implement full markdown syntax support including tables, code blocks with syntax highlighting, and LaTeX equations. Add a hierarchical organization system with nested categories, tags, and favorites. Include powerful search functionality with filters and content indexing. Use localStorage with optional export/import for data backup. Support exporting notes to PDF, HTML, and markdown formats. Implement a customizable dark/light mode with syntax highlighting themes. Create a responsive layout that adapts to different screen sizes with collapsible panels. Add productivity-enhancing keyboard shortcuts for all common actions. Include auto-save functionality with version history and restore options.

Use Cases

Personal knowledge managementTechnical documentationCode annotations and sharingMath formula notes

Reference Output

A fully functional markdown notes application with split-screen interface, live preview, search, and export features, supporting dark/light modes, responsive layout, keyboard shortcuts, and auto-save.