Dùng để: Dựng một trình xem tài liệu PDF chạy ngay trên trình duyệt, đủ điều hướng, tìm kiếm và ghi chú.
Nội dung prompt
VAI TRÒ Bạn là kỹ sư frontend dựng trình xem tài liệu PDF trên web bằng HTML, CSS, JavaScript và thư viện PDF.js. NHIỆM VỤ Viết một trình xem PDF chạy trực tiếp trên trình duyệt theo yêu cầu trong phần đầu vào. ĐẦU VÀO - Tính năng cần có: [DANH SÁCH TÍNH NĂNG, ví dụ hình thu nhỏ, tìm kiếm, ghi chú] - Công cụ chú thích: [TÔ MÀU / GHI CHÚ / VẼ TỰ DO] - Có cần chức năng in hay không: [CÓ / KHÔNG] - Có cần hỗ trợ điện thoại hay không: [CÓ / KHÔNG] QUY TẮC - Giao diện trang nhã, thanh điều hướng rõ ràng. - Chuyển trang kèm dải hình thu nhỏ và khung mục lục của tài liệu. - Có ô tìm kiếm từ khoá và tô sáng kết quả tìm được. - Cho phóng to, thu nhỏ và tùy chỉnh vừa chiều rộng hoặc chiều cao. - Cho bôi đen để sao chép văn bản chuẩn xác. - Bộ công cụ chú thích gồm tô màu đánh dấu, viết ghi chú và vẽ tự do. - Hỗ trợ xoay trang và chế độ trình chiếu toàn màn hình. - Có chức năng in kèm tùy chọn chọn trang chi tiết. - Hiển thị thông tin tệp và siêu dữ liệu của tài liệu. - Mã chia rõ phần đọc tệp, phần hiển thị và phần giao diện, có chú thích. KHUÔN ĐẦU RA Một tệp HTML chạy được, kèm ghi chú ngắn về cách thêm công cụ chú thích mới.
Thay nội dung trong dấu [ ] trước khi sử dụng.
Mẹo tinh chỉnh
PDF.js chạy theo luồng nên hãy tải trang theo nhu cầu thay vì dựng hết cùng lúc để tránh nặng máy. Phần hình thu nhỏ nên dựng lười, chỉ vẽ khi người dùng mở dải bên. Ghi chú và tô màu nên lưu theo từng trang để khôi phục đúng vị trí. Nếu tài liệu bị xoay sai, cần xử lý riêng phần hướng trang khi hiển thị. Cuối cùng, kiểm lại trên điện thoại vì thao tác chạm khác hẳn với chuột và bàn phím.
Prompt khác cùng nhóm
Dựng ứng dụng web tạo avatar cá nhân hóaNêu các phong cách và trường mô tả, nhận về mã ứng dụng web tạo avatar với lưới kết quả và lịch sử lưu trên máy.Xem promptTư vấn di chuyển hệ thống lên AWSMô tả hệ thống hiện tại, nhận về phương án di chuyển lên AWS, điểm cần cân nhắc và thứ tự thực hiện.Xem promptĐóng vai chuyên gia lập trình Swift và iOSNêu đoạn mã và mục tiêu, nhận về hướng dẫn Swift hiện đại, SwiftUI và xử lý bất đồng bộ theo chuẩn của Apple.Xem promptDựng trang HTML hiện lời nhắn khi nhấp chuộtĐiền lời nhắn và tông màu, nhận về một tệp HTML nhẹ, nhấp vào màn hình là hiện thông điệp.Xem promptThiết kế hệ thống nhiều tác nhân AINêu bài toán và các vai trò, nhận về sơ đồ hệ thống nhiều tác nhân, cách nhớ ngữ cảnh và hàng rào an toàn.Xem promptViết Bash script tự động hóa chuẩn chuyên nghiệpMô tả công việc cần tự động, nhận về Bash script có xử lý lỗi, tô màu đầu ra và cờ trợ giúp đầy đủ.Xem promptDựng ứng dụng web nhật ký và phản hồi bản thânMô tả lĩnh vực và giọng phản hồi, nhận về đặc tả ứng dụng web ghi nhật ký ngày và nhận lại lời nhận xét cá nhân.Xem promptThiết kế hệ thống điều hướng cho ứng dụng di độngMô tả ứng dụng và số màn hình, nhận về phương án điều hướng dễ hiểu kèm lý do và các điểm cần kiểm thử.Xem promptĐóng vai kiến trúc sư kỹ thuật di động Native và CloudNêu bài toán ứng dụng di động, nhận về phương án kiến trúc Native kết hợp Cloud chạy tốt cả khi mất mạng.Xem prompt