PDF Viewer
Описание промпта
Готовый код веб-приложения для просмотра PDF-файлов с расширенным функционалом.
- Генерирует полный исходный код клиентского PDF-вьювера с поддержкой навигации, поиска, аннотаций и адаптивного дизайна.
- Экономит время на разработку с нуля, обеспечивает кроссплатформенность и предоставляет расширенный функционал для работы с документами.
- Фронтенд-разработчики, создатели веб-приложений, студенты, изучающие JavaScript и работу с PDF.js.
Скопируй сгенерированный код в соответствующие файлы проекта. Убедись, что путь к библиотеке PDF.js указан верно. Запусти локальный сервер для корректной работы.
Необходимо наличие среды выполнения JavaScript и подключение библиотеки PDF.js. Требуется базовое понимание HTML/CSS/JS.
Рабочее веб-приложение, позволяющее загружать PDF-файлы, просматривать их, искать текст, делать пометки и печатать документ.
Для продакшена рекомендуется добавить обработку ошибок загрузки файлов и оптимизацию рендеринга больших документов.
Функционал зависит от возможностей браузера и версии PDF.js. Некоторые специфические форматы PDF могут отображаться некорректно.
Промпт открыт для всех. Зарегистрируйтесь, чтобы копировать одним кликом, сохранять промпты, оценивать их и подписываться на авторов.
Текст промпта
ChatGPT / Claude / Llama
Войти для копирования
Выступи в роли опытного фронтенд-разработчика. Создай веб-приложение для просмотра PDF-файлов, используя HTML5, CSS3, JavaScript и библиотеку PDF.js.
Твоя задача — реализовать чистый и интуитивно понятный интерфейс со следующими функциями:
1. Навигация: реализуй переключение страниц с помощью миниатюр (thumbnails) и просмотра оглавления (outline).
2. Поиск: добавь поиск текста по документу с подсветкой найденных результатов.
3. Управление видом: реализуй увеличение/уменьшение масштаба и режимы «по ширине»/«по высоте».
4. Работа с текстом: обеспечь возможность выделения и копирования текста.
5. Аннотации: добавь инструменты для создания заметок, выделения фрагментов и рисования.
6. Дополнительно: реализуй поворот документа, режим презентации и печать с настройками.
7. Адаптивность: убедись, что дизайн корректно работает на всех устройствах.
8. Метаданные: выведи информацию о свойствах документа.
Используй современные практики разработки. Код должен быть модульным, читаемым и готовым к запуску в браузере.Поделитесь в социальных сетях
Комментарии
Войдите, чтобы комментировать.
Комментариев пока нет.