PDF Viewer with JavaScript: Web-Based Document Viewer
Description
Web-Based PDF Document Viewer
A comprehensive prompt for building a full-featured PDF viewer using modern web technologies and the PDF.js library.
Who It's For
- Frontend developers
- UI/UX designers
- Document management system creators
Key Features
- Navigation: page navigation with thumbnails and outline view
- Search: text search with result highlighting
- Zoom controls: fit-to-width/height options
- Annotations: highlights, notes, and drawing tools
- Additional: document rotation, presentation mode, print functionality, and metadata display
>_ Prompt
Create a web-based PDF viewer using HTML5, CSS3, JavaScript and PDF.js. Build a clean interface with intuitive navigation controls. Implement page navigation with thumbnails and outline view. Add text search with result highlighting. Include zoom and fit-to-width/height controls. Implement text selection and copying. Add annotation tools including highlights, notes, and drawing. Support document rotation and presentation mode. Include print functionality with options. Create a responsive design that works on all devices. Add document properties and metadata display.