Markdown Notes
Описание промпта
Генерация кода для полнофункционального веб-приложения заметок с поддержкой Markdown, живым предпросмотром, поиском, экспортом и темной/светлой темой.
- Создает локальное веб-приложение для управления заметками с мощным редактором Markdown, живым предпросмотром, системой организации данных, поиском и экспортом.
- Позволяет эффективно структурировать информацию, работать офлайн, быстро находить данные и сохранять заметки в различных форматах без потери форматирования.
- Разработчики, писатели, студенты и профессионалы, которым нужен мощный инструмент для работы с текстом и кодом.
Скопируй код в один HTML-файл или раздели на index.html, style.css и app.js. Запусти в браузере. Данные сохраняются локально.
Современный браузер с поддержкой ES6+, localStorage, CSS Grid/Flexbox. Для экспорта в PDF может потребоваться библиотека типа html2pdf.js или window.print().
Рабочее одностраничное приложение (SPA) с редактором, предпросмотром, боковой панелью заметок, настройками темы и функционалом экспорта.
Приложение работает полностью на клиенте. Для экспорта в PDF рекомендуется использовать встроенный диалог печати браузера или подключить легковесную библиотеку.
Нет серверной синхронизации. Зависит от браузера пользователя. Большие объемы данных могут замедлить работу localStorage.
Промпт открыт для всех. Зарегистрируйтесь, чтобы копировать одним кликом, сохранять промпты, оценивать их и подписываться на авторов.
Текст промпта
ChatGPT / Claude / Llama
Войти для копирования
Выступи в роли опытного фронтенд-разработчика и создай полнофункциональное веб-приложение для заметок в формате Markdown, используя HTML5, CSS3 и JavaScript.
Твоя задача — реализовать интерфейс с разделенным экраном: слева — редактор текста, справа — живой предпросмотр Markdown.
Обязательные функции:
1. Полная поддержка синтаксиса Markdown: таблицы, блоки кода с подсветкой синтаксиса, формулы LaTeX.
2. Иерархическая организация: вложенные категории, теги, избранное.
3. Мощный поиск с фильтрами и индексацией контента.
4. Хранение данных в localStorage с возможностью экспорта/импорта для резервного копирования.
5. Экспорт заметок в PDF, HTML и Markdown.
6. Настраиваемая темная/светлая тема с подсветкой синтаксиса.
7. Адаптивный дизайн с collapsible панелями для разных экранов.
8. Горячие клавиши для всех основных действий.
9. Автосохранение с историей версий и возможностью восстановления.
Напиши чистый, модульный и хорошо прокомментированный код. Убедись, что приложение работает автономно без внешних зависимостей, кроме шрифтов или иконок, если это необходимо.Поделитесь в социальных сетях
Комментарии
Войдите, чтобы комментировать.
Комментариев пока нет.