cũng. Ngoài ra, việc thêm lớp public/lib
1 sẽ khiến tab trông giống như không thể truy cập được. Bạn có thể đọc thêm về khácTương tự, việc thêm các lớp public/lib
2 sẽ tạo bảng điều khiển ở bên phải của PDF. trình xem js. Việc thêm các lớp public/lib
3 và public/lib
4 vào các phần tử con của phần tử bảng điều khiển sẽ thêm tiêu đề và tiêu đề tương ứng. Bạn cũng có thể ra lệnh cho phần thân bằng cách thêm lớp public/lib
5. Nếu bạn muốn tìm hiểu thêm về
Điều hướng đến http. //máy chủ cục bộ. 8080/ và bạn sẽ thấy trình xem mặc định và một số tab điều hướng thay đổi PDF được hiển thị
Bước cuối cùng, chúng ta sẽ sắp xếp lại thanh công cụ bằng cách di chuyển các phần tử xung quanh, xóa các nút và thay đổi các biểu tượng
Hãy mở public/lib
6 và thêm phần sau vào phần
Tiếp theo, chúng tôi sẽ tạo public/lib
7 bên trong thư mục public/lib
8 và thêm đoạn mã sau
PDF. thanh công cụ chính của js được chia thành 3 vùng
Thanh công cụ phụ được truy cập thông qua biểu tượng chữ V ở vùng bên phải
Chúng ta có thể di chuyển các thành phần từ thanh công cụ phụ vào vùng bên trái, giữa hoặc bên phải của thanh công cụ chính bằng hàm public/lib
9 trong public/lib
7. Ví dụ: bỏ ghi chú dòng này sẽ di chuyển công cụ xoay ngược chiều kim đồng hồ sang vùng bên trái của thanh công cụ chính
Thay vào đó, nếu bạn muốn chuyển public/index.html
1 đến khu vực giữa, bạn sẽ thay thế public/index.html
2 bằng public/index.html
3 hoặc public/index.html
4 cho khu vực bên phải. Để di chuyển một công cụ khác, hãy thay thế ID public/index.html
1 bằng ID phần tử bạn muốn di chuyển. (Xem bên dưới để biết danh sách đầy đủ các ID phần tử. )
Chúng ta cũng có thể ẩn các phần tử như thế này
Để ẩn các phần tử khác nhau, hãy thay thế public/index.html
6 hoặc public/index.html
7 bằng ID phần tử
GHI CHÚ. Ẩn các nút tải xuống và in không phải là cách hiệu quả để bảo vệ tệp PDF của chúng tôi, vì vẫn có thể xem mã nguồn để tìm tệp. Nó chỉ làm cho nó khó hơn một chút
Chúng tôi cũng có thể tùy chỉnh các biểu tượng cho các công cụ khác nhau bằng cách hoán đổi tệp public/index.html
8, như thế này
Trong ví dụ trên, public/index.html
9 là ID phần tử, trong khi public/form.html
0 là đường dẫn đến biểu tượng công cụ
Và đó là nó
Tham chiếu ID phần tử cho PDF. js Tùy chỉnh giao diện người dùng
Đây là tài liệu tham khảo hữu ích với ID của các biểu tượng thanh công cụ khác nhau
Thanh công cụ IconIDthanh bênChuyển đổiviewFindsố trangnumPageszoomOutzoomInnextpreviouspresentationModeopenFileprintdownloadviewBookmarksecondaryToolbarTogglescaleSelectContainersecondaryPresentationModesecondaryOpenFilesecondaryPrintsecondaryDownloadsecondaryViewBookmarkfirstPagelastPagepageRotateCwpageRotateCcwcursorSelectToolcursorHandToolscrollVerticalscrollHorizontalscrollWrappedspreadNonespreadOddspreadEvendocumentPropertiesPhần kết luận
Như bạn có thể thấy, hiển thị tệp PDF bằng Bootstrap không khó khi sử dụng các thư viện mã nguồn mở
Xây dựng Trình xem PDF bằng Bootstrap tương đối đơn giản, nhưng một khi bạn muốn bắt đầu chú thích, ký tên hoặc điền vào biểu mẫu, bạn sẽ phải tự thực hiện những điều này. Xem bản PDF của chúng tôi. js Build vs Buy và Hướng dẫn đánh giá PDF. js để tìm hiểu thêm
Đó là nơi PDF. js Express xuất hiện. Đó là một bản PDF thương mại. js bao bọc giao diện người dùng dựa trên React xung quanh PDF nguồn mở. js và cung cấp các tính năng vượt trội như chú thích, điền biểu mẫu và chữ ký điện tử. Nó hoàn toàn tương thích với nhiều khung công tác -- hãy xem bản trình diễn và cho chúng tôi biết suy nghĩ của bạn
Nếu bạn cần hiển thị độ trung thực cao, tăng độ tin cậy và hiệu suất nhanh hơn, bạn có thể xem xét PDFTron WebViewer. Đó là một thư viện PDF JavaScript tích hợp với nhiều khung và cung cấp hàng trăm tính năng, như chỉnh sửa, chỉnh sửa, thao tác trang, cộng tác tài liệu theo thời gian thực, chữ ký điện tử, v.v. Kiểm tra bản trình diễn WebViewer
Nếu bạn có bất kỳ câu hỏi nào về việc triển khai PDF. js Express trong dự án của bạn, vui lòng liên hệ với chúng tôi và chúng tôi sẽ sẵn lòng trợ giúp
Làm cách nào để nhúng PDF vào Bootstrap?
Đây là một ví dụ đơn giản sử dụng Bọc Trong đó. (*) là số .
Làm cách nào để hiển thị PDF ở chế độ Bootstrap?
"Hiển thị PDF trong chế độ xem trước cửa sổ bật lên bằng Bootstrap Easy Modal Plugin" .
Hiển thị PDF trong chế độ xem trước cửa sổ bật lên bằng Bootstrap Easy Modal Plugin
.
Làm cách nào để đưa Bootstrap vào tệp HTML?
Sử dụng một trong ba phương pháp sau để thêm Bootstrap vào HTML. .
Phương pháp 1. Sử dụng Mạng phân phối nội dung Bootstrap (CDN)
Phương pháp 2. Tải xuống tệp cục bộ
Phương pháp 3. Sử dụng trình quản lý gói để nhập Bootstrap sang HTML
Ví dụ từ Creative Tim
Phần kết luận
Làm cách nào để làm cho iframe PDF phản hồi nhanh?
Tất cả những gì bạn cần làm là thêm #view=fitH vào cuối thuộc tính nguồn . Đó là nó. fitH là viết tắt của fit vertical và điều này sẽ làm cho tệp PDF trong khung nội tuyến của chúng tôi vừa với chiều rộng của màn hình.