Cách thêm các công cụ chú thích, biên tập lại và chỉnh sửa biểu mẫu vào trình xem PDF bằng JavaScript

Khi ngày càng nhiều ứng dụng kinh doanh chuyển sang môi trường web, điều hợp lý là những thứ như chia sẻ và chỉnh sửa tài liệu cũng chuyển sang trình duyệt. Tuy nhiên, trong nhiều trường hợp, người dùng sẽ cần phải làm nhiều việc hơn là chỉ xem tài liệu PDF.

Họ có thể cần thêm chú thích để cung cấp thêm thông tin, biên tập lại thông tin cá nhân khỏi tài liệu hoặc thậm chí điền vào các trường biểu mẫu trong tài liệu. Rất may, Trình xem PDF JavaScript của Giải pháp Tài liệu giúp việc thêm chức năng này vào ứng dụng JavaScript của bạn trở nên dễ dàng.

Trong bài viết này, chúng ta sẽ tìm hiểu các tính năng sau của Trình xem PDF JavaScript của Giải pháp tài liệu:

• Trình chỉnh sửa chú thích cho trình xem PDF JavaScript

• Các tính năng chính của chú thích

• Biên tập lại nội dung từ PDF

• Trình chỉnh sửa biểu mẫu cho trình xem PDF JavaScript

• Các tính năng chính của Trình chỉnh sửa biểu mẫu

• Tùy chọn chỉnh sửa bổ sung cho trình xem PDF

  
  

Bây giờ chúng ta hãy xem xét các tính năng này.

Trình chỉnh sửa chú thích cho trình xem PDF JavaScript

Các công cụ chú thích trong Document Solutions JavaScript PDF Viewer sẽ giúp người dùng xem lại và đánh dấu những thông tin quan trọng trong tài liệu PDF của mình. Họ cũng có thể thêm, sửa đổi và xóa chú thích khỏi tài liệu PDF hiện có trong khi vẫn giữ nguyên nội dung gốc.

Người dùng có thể vẽ chú thích trên PDF và nhận xét cũng như trả lời nhận xét của nhau. Với khả năng ẩn chú thích, người dùng có thể dễ dàng xem và in các tài liệu gốc và nếu cần, họ cũng có thể in các bản sao có chú thích của mình. Trình chỉnh sửa chú thích liệt kê tất cả các chú thích trong tài liệu của bạn, cho phép bạn truy cập và sửa đổi các chú thích hiện có:

Trường hợp sử dụng và lợi ích

Thông thường, người dùng dựa vào Adobe Acrobat để chú thích các tệp PDF. Với trình xem bao gồm các tính năng chỉnh sửa, người dùng của bạn có thể chú thích tài liệu của mình ngay trong ứng dụng mà không cần phải di chuyển qua lại giữa các ứng dụng. Như bạn có thể thấy, một trình xem có khả năng chỉnh sửa có thể hợp lý hóa đáng kể quy trình làm việc của doanh nghiệp.

Đây chỉ là một vài ví dụ trong đó chức năng này sẽ có ích:

• Một nhân viên công ty muốn gửi báo cáo tài chính cho ban quản lý để xem xét. Ban quản lý có thể mở báo cáo trực tuyến trong trình xem PDF, sử dụng chú thích để đề xuất thay đổi và cho nhân viên biết rằng nhận xét đã được đưa ra. Sau đó, nhân viên có thể mở tài liệu trong trình chỉnh sửa trực tuyến và cập nhật nó trong trình xem bằng cách sử dụng các chú thích đã tạo.

• Một nhân viên nghi ngờ về cơ cấu tiền lương của công ty họ. Họ có thể đọc tài liệu trong Trình xem PDF, biên tập lại thông tin bí mật và đánh dấu các khu vực cần làm rõ thông qua các công cụ chú thích.

• Một nhà thiết kế trang web chuẩn bị ảnh chụp màn hình cho một trang web và kết hợp chúng thành một bản PDF để gửi đi xem xét. Người đánh giá đánh dấu các khu vực cần thay đổi bằng cách sử dụng công cụ chú thích.

  
  

Các công cụ chú thích trong Trình xem PDF JavaScript của Giải pháp Tài liệu giúp thực hiện tất cả các tình huống này. Hãy cùng xem xét các tính năng có trong Chú thích.

Các tính năng chính của chú thích

Các tính năng chính sau đây có sẵn với chú thích:

• Chỉnh sửa tệp PDF với nhiều chú thích
• Đánh dấu thông tin quan trọng thông qua giao diện người dùng thân thiện với người dùng
• Thêm, sửa đổi và xóa chú thích khỏi các tệp PDF mới và hiện có
• Nâng cao nội dung PDF và áp dụng các thuộc tính dành riêng cho chú thích
• In bản PDF gốc mà không sửa đổi
• Lưu tệp PDF đã sửa đổi có chú thích trên máy khách

Chỉnh sửa tệp PDF với nhiều chú thích

Trình xem PDF Giải pháp Tài liệu hỗ trợ tất cả các chú thích bạn cần để xem lại tài liệu PDF của mình. Bạn có thể thêm những điều sau đây:

• Chú thích văn bản (Ghi chú dán) - Thêm văn bản hoặc ghi chú dán trên PDF
• Chú thích văn bản miễn phí - Thêm ghi chú luôn hiển thị trên PDF
• Chú thích mực - Vẽ những nét vẽ nguệch ngoạc bằng tay trên PDF
• Chú thích hình vuông - Thêm hình chữ nhật/hình vuông trên PDF
• Chú thích vòng tròn - Thêm hình tròn trên PDF
• Chú thích dòng - Thêm một đường thẳng trên PDF
• Chú thích đa tuyến - Thêm hình dạng đóng hoặc mở với nhiều cạnh trên PDF
• Chú thích đa giác - Thêm đa giác trên PDF
• Chú thích tệp đính kèm - Đính kèm tệp vào tài liệu, tệp này sẽ được nhúng trong tệp PDF
• Chú thích âm thanh - Thêm âm thanh (định dạng .au, .aiff hoặc .wav) được nhập từ tệp hoặc được ghi từ micrô của máy tính
• Chú thích liên kết - Thêm các liên kết có thể liên kết đến các trang web khác nhau, gọi các công cụ tìm kiếm và thực thi JavaScript
• Chú thích đóng dấu - Sử dụng hình ảnh cục bộ hoặc từ máy chủ làm chú thích trên PDF

Đánh dấu thông tin quan trọng thông qua giao diện người dùng thân thiện với người dùng

Giải pháp tài liệu Các công cụ chú thích của PDF Viewer có giao diện người dùng trực quan cho phép người dùng vẽ chú thích trên tệp PDF. Trình xem PDF bao gồm Thanh công cụ chú thích và Trình chỉnh sửa riêng biệt để thêm chú thích, sửa đổi thuộc tính của chúng hoặc xóa chú thích khỏi tệp PDF hiện có.

Bảng Thuộc tính hiển thị danh sách các chú thích trong tài liệu của bạn. Bạn có thể chọn bất kỳ chú thích nào trên tệp PDF, áp dụng các thuộc tính dành riêng cho chú thích từ bảng điều khiển bên trái hoặc xóa chú thích.

Trên tab Trang trong bảng điều khiển, bạn có thể xem có bao nhiêu chú thích trên trang của mình. Khi bạn gửi tài liệu của mình để xem xét, bạn có thể xác định số lượng chỉnh sửa đã thực hiện.

Thêm, sửa đổi và xóa chú thích khỏi các tệp PDF mới và hiện có

Bạn có thể chỉnh sửa các chú thích hiện có hoặc xóa chúng bất kỳ lúc nào trong khi xem lại các tệp PDF trong Trình xem PDF JavaScript. Để thêm chú thích, chỉ cần nhấp vào nút Trình chỉnh sửa chú thích ở bảng điều khiển bên trái và bạn sẽ thấy Thanh công cụ chú thích . Nhấp vào bất kỳ chú thích nào và vẽ trực tiếp trên tệp PDF. Chọn chú thích và bạn sẽ thấy các thuộc tính chú thích được hiển thị ở bảng bên trái. Bạn cũng có thể tải tệp PDF có chú thích hiện có, chọn chú thích, sửa đổi thuộc tính hoặc xóa chú thích khỏi bảng thuộc tính.

Nâng cao nội dung PDF và áp dụng các thuộc tính dành riêng cho chú thích

Người dùng sẽ tìm thấy sự hỗ trợ rộng rãi để đặt các thuộc tính dành riêng cho chú thích trong trình xem. Bạn có thể thêm văn bản có định dạng, đặt màu văn bản, thêm đường viền, đặt tác giả và chủ đề, thêm câu trả lời, đặt vị trí Giới hạn/X/Y cho chú thích và nhiều tính năng khác từ bảng Thuộc tính.

In PDF mà không cần sửa đổi

Nếu bạn muốn xem bản PDF gốc, bạn có thể ẩn chú thích bằng nút Ẩn và in bản PDF không có chú thích.

Lưu tệp PDF đã sửa đổi với chú thích trên máy khách

Nhấp vào nút lưu để áp dụng các thay đổi cho tệp PDF của bạn và lưu chú thích. Trình xem cần được kết nối với máy chủ chạy DsPdf để lưu các thay đổi. Danh sách các thay đổi và bản PDF gốc được gửi đến máy chủ, nơi DsPdf áp dụng các thay đổi. Sau đó, nó sẽ gửi bản PDF đã sửa đổi trở lại máy khách, nơi người dùng có thể lưu nó.

Biên tập lại nội dung từ PDF

Tùy chọn Chỉnh sửa chú thích hoặc Chỉnh sửa vùng trên thanh công cụ giúp bạn đánh dấu các phần bí mật để xóa. Bạn có thể đặt Mark Border Color và Mark Fill Color để cho phép người dùng đánh dấu khu vực cần chỉnh sửa. Người dùng có thể đặt các thuộc tính này để áp dụng khi di chuột qua nội dung được sắp xếp lại, tức là các thuộc tính Overlay Fill Color , Overlay Text , Overlay Text Align và Repeat Text . Tất cả các tùy chọn này sẽ xuất hiện trong tệp PDF của bạn khi nội dung bị xóa khỏi tài liệu.

Bạn cũng có thể biên tập lại nội dung cụ thể từ nút Áp dụng biên tập trong bảng Thuộc tính. Sau khi áp dụng tính năng chỉnh sửa, bạn có thể đặt lại bằng cách sử dụng nút Đặt lại tính năng chỉnh sửa trên thanh công cụ. Tuy nhiên, khi lưu tệp PDF, thông tin đã được biên tập lại sẽ không thể truy cập được nữa và không thể đặt lại các biên tập đã áp dụng.

Bạn có thể áp dụng các chú thích biên tập riêng lẻ hoặc nhấp vào nút Áp dụng tất cả các biên tập để áp dụng các biên tập trong toàn bộ tài liệu. Khi bạn lưu tệp PDF có các tính năng biên tập được áp dụng, nội dung được biên tập lại sẽ bị xóa hoàn toàn khỏi tệp PDF. Người dùng không thể chọn hoặc sao chép tài liệu đã xóa sang tài liệu khác hoặc sử dụng các công cụ PDF khác để đọc nội dung đã được biên tập lại.

Trình chỉnh sửa biểu mẫu cho trình xem PDF JavaScript

Với Trình chỉnh sửa biểu mẫu, giờ đây bạn có thể thiết kế các biểu mẫu PDF tương tác trực tuyến. Trình chỉnh sửa sẽ giúp bạn sử dụng các Trường biểu mẫu khác nhau và các thuộc tính nâng cao khi tạo biểu mẫu của mình. Bạn cũng có thể điền và gửi biểu mẫu trực tuyến .

Các tính năng của Trình chỉnh sửa biểu mẫu bao gồm:

• Tạo biểu mẫu PDF mới từ đầu
• Thiết kế, điền, gửi và đặt lại biểu mẫu PDF
• Thu thập dữ liệu trực tiếp từ người dùng và điền vào biểu mẫu PDF
• Điền dữ liệu vào các trường biểu mẫu từ nguồn bên ngoài (cơ sở dữ liệu, JSON , v.v.)
• Thêm trường biểu mẫu vào tài liệu PDF hiện có
• Chỉnh sửa các trường biểu mẫu trong tài liệu PDF hiện có
• Thêm chức năng JavaScript vào biểu mẫu PDF
• Áp dụng nhiều thuộc tính cho các trường biểu mẫu
• Thanh công cụ UI và bảng thuộc tính nhanh, trực quan để thiết kế biểu mẫu PDF
• Xây dựng giao diện người dùng tùy chỉnh - bỏ qua các trường không cần thiết trên thanh công cụ của bạn

Sự cần thiết của một nhà thiết kế biểu mẫu PDF dựa trên web

• Định dạng PDF là định dạng ưa thích nhất cho bố cục và hình thức. Do đó, mặc dù các biểu mẫu HTML rất phổ biến nhưng các biểu mẫu PDF sẽ luôn trông giống như cách bạn thiết kế chúng.

• Hầu hết các ứng dụng đều dựa trên web và Document Solutions PDF Viewer là công cụ trực tuyến toàn diện để tạo biểu mẫu PDF, chỉnh sửa tệp PDF, thêm chú thích và lưu tệp PDF đã sửa đổi trên máy khách. Đó là cách nhanh hơn để tạo và lưu giữ các tệp PDF trong một ứng dụng.

• Các nhà phát triển có thể tạo biểu mẫu PDF trong Acrobat và chia sẻ trực tuyến. Tuy nhiên, không thể tùy chỉnh tệp PDF được mở trong trình xem mặc định của trình duyệt và nhà phát triển cũng không thể sử dụng các tác vụ JavaScript bổ sung trên biểu mẫu, như gửi nội dung hoặc điền dữ liệu biểu mẫu vào nội dung. Giải pháp tài liệu PDF Viewer hỗ trợ các hành động JavaScript khác mà bạn có thể đặt trên biểu mẫu bằng các hành động Gửi và Đặt lại.

• Bạn có thể sử dụng Microsoft Word để tạo biểu mẫu hoặc bạn có thể sử dụng trình chỉnh sửa PDF. Việc tạo biểu mẫu PDF trong Word có thể gặp khó khăn vì nó yêu cầu các công cụ chỉnh sửa phức tạp. Trình thiết kế biểu mẫu Trình xem PDF của Giải pháp Tài liệu trực quan và bao gồm giao diện người dùng thân thiện với người dùng và bảng Thuộc tính đặt các thuộc tính mong muốn trên các trường biểu mẫu.

• Bạn có thể thiết kế các biểu mẫu PDF để xem và điền trên bất kỳ trình duyệt nào. Bạn cũng không phải lo lắng về hình thức của nó hoặc liệu người dùng cuối có Adobe Acrobat hay không.

Các loại biểu mẫu PDF khác nhau mà bạn có thể tạo

Bạn có thể tạo các biểu mẫu PDF sau bằng Trình thiết kế biểu mẫu:

• Các mẫu đăng ký (ví dụ: sự kiện, khóa học đại học, thành viên, lịch sử bệnh nhân, cuộc thi, v.v.)

• Các mẫu đơn xin việc (ví dụ: đơn xin việc, đơn xin vay tiền, v.v.)

• Các hình thức phản hồi (ví dụ: sự kiện, website, thương mại điện tử, v.v.)

• Các biểu mẫu yêu cầu (ví dụ: tiền thuê nhà, thông tin, hình thức thanh toán, v.v.)

  
  

Các tính năng chính của Trình thiết kế biểu mẫu PDF

Trình xem PDF JavaScript của Giải pháp tài liệu hỗ trợ một số loại trường biểu mẫu sẽ giúp làm cho tệp PDF của bạn trở nên tương tác và hoàn chỉnh:

• Trường văn bản - Cho phép người dùng nhập văn bản như tên, số điện thoại, v.v.
• Trường mật khẩu - Cho phép người dùng nhập mật khẩu cho tài liệu
• Trường vùng văn bản - Cho phép bạn thêm văn bản dạng dài như kinh nghiệm làm việc, địa chỉ, v.v.
• Trường CheckBox - Cho phép người dùng của bạn chọn nhiều tùy chọn
• Trường ComboText - Cho phép bạn thêm văn bản ở các vị trí cách đều nhau (ví dụ: nhập ngày, e-mail, v.v. vào biểu mẫu đăng ký)
• Trường ComboBox - Cho phép bạn chọn một mục từ menu bật lên hoặc nhập giá trị
• ListBox Field - Hiển thị danh sách các tùy chọn để lựa chọn
• Trường PushButton - Nút tương tác kích hoạt các hành động cụ thể, chẳng hạn như mở các tệp riêng lẻ, hiển thị thông báo bật lên, v.v.
• Trường RadioButton - Hiển thị một nhóm tùy chọn mà người dùng chỉ có thể chọn một tùy chọn
• Trường Nút Gửi - Cho phép bạn gửi biểu mẫu đã điền
• Trường nút đặt lại - Cho phép bạn đặt lại biểu mẫu

Giao diện người dùng thân thiện với người dùng để thiết kế biểu mẫu PDF

Các công cụ Trình chỉnh sửa biểu mẫu của Giải pháp tài liệu có giao diện người dùng thân thiện với người dùng để thêm các trường biểu mẫu vào PDF. Trình xem PDF bao gồm Thanh công cụ và Trình chỉnh sửa trường biểu mẫu riêng biệt để thêm các trường biểu mẫu, sửa đổi thuộc tính hoặc xóa chúng khỏi tệp PDF hiện có. Bảng Thuộc tính hiển thị danh sách các trường biểu mẫu trong tài liệu của bạn. Bạn có thể chọn bất kỳ trường biểu mẫu nào trên PDF, áp dụng các thuộc tính dành riêng cho trường biểu mẫu từ bảng điều khiển bên trái và xóa trường biểu mẫu. Trên tab Trang trong bảng điều khiển, bạn cũng có thể xem có bao nhiêu trường biểu mẫu tồn tại trên trang của mình.

Thêm, sửa đổi và xóa các trường biểu mẫu khỏi các biểu mẫu PDF mới hoặc hiện có

Tại bất kỳ thời điểm nào, trong khi thiết kế biểu mẫu PDF trong trình xem trực tuyến, bạn có thể thay đổi các trường biểu mẫu hiện có và cũng có thể xóa chúng. Để thêm trường biểu mẫu, chỉ cần nhấp vào nút Trình chỉnh sửa biểu mẫu trên bảng điều khiển bên trái và bạn sẽ thấy Thanh công cụ Trình chỉnh sửa biểu mẫu. Nhấp vào bất kỳ trường biểu mẫu nào và vẽ trực tiếp trên trang PDF. Chọn trường biểu mẫu và bạn sẽ thấy các thuộc tính của trường biểu mẫu được hiển thị trong bảng điều khiển bên trái. Bạn cũng có thể tải biểu mẫu PDF với các trường biểu mẫu hiện có, chọn trường biểu mẫu, áp dụng thuộc tính hoặc chọn tùy chọn Xóa từ bảng thuộc tính để xóa trường biểu mẫu.

Nâng cao biểu mẫu PDF với các thuộc tính dành riêng cho trường biểu mẫu

Có hỗ trợ rộng rãi để thiết lập các thuộc tính dành riêng cho trường biểu mẫu cho từng trường biểu mẫu được người xem hỗ trợ. Trong số một số tính năng chung, bạn có thể đặt Tên, Chỉ đọc, Giá trị, Căn chỉnh, Màu nền, Độ dài tối đa, Thuộc tính đường viền, Kích thước phông chữ và đặt vị trí Giới hạn/X/Y của các trường biểu mẫu.

Ngoài ra, bạn có thể đặt thuộc tính Bắt buộc trên các trường văn bản như TextField,PasswordField, TextArea và ComboText Field.

In mẫu PDF gốc

Nếu bạn muốn xem tệp PDF gốc, bạn có thể ẩn các trường biểu mẫu bằng nút Ẩn trên thanh công cụ chính và xem hoặc in tệp PDF mà không có trường biểu mẫu.

Lưu tệp PDF được thiết kế mới với các trường biểu mẫu trên máy khách

Áp dụng các thay đổi cho tài liệu PDF của bạn và lưu các trường biểu mẫu. Thao tác này cần có sản phẩm DsPdf trên máy chủ để lấy bản PDF gốc và danh sách các thay đổi, áp dụng các thay đổi và gửi lại bản PDF đã sửa đổi cho máy khách.

Điền và gửi biểu mẫu PDF

Sau khi thiết kế Biểu mẫu PDF, bạn có thể cho phép người dùng điền và gửi biểu mẫu PDF cho người xem. Dữ liệu biểu mẫu được gửi tới cơ sở dữ liệu hoặc được tạo dưới dạng PDF từ các giá trị được điền. Bạn cũng có thể nhập dữ liệu biểu mẫu vào biểu mẫu PDF từ cơ sở dữ liệu vào trình xem.

Tùy chọn chỉnh sửa bổ sung cho trình xem PDF

Ngoài các chú thích, biên tập và trường biểu mẫu, bạn có thể sử dụng các tính năng sau để làm việc và chỉnh sửa tài liệu PDF.

Tạo tài liệu PDF trống

Có thể sử dụng Trình xem PDF để tạo tài liệu PDF bằng nút Tài liệu mới . Bạn có thể thiết kế biểu mẫu PDF hoặc PDF thông qua các công cụ Chú thích và Trình chỉnh sửa biểu mẫu .

Thêm trang mới và xóa trang trong tài liệu PDF

Bạn có thể thêm trang mới vào tài liệu PDF hiện có hoặc tài liệu PDF gốc bằng nút Trang mới và sử dụng nút Xóa để xóa trang.

Chọn và xóa chú thích/Trường biểu mẫu khỏi tài liệu PDF

Bạn có thể chọn Trường chú thích/Trường biểu mẫu được thêm vào tài liệu PDF trong chế độ xem Trình chỉnh sửa chú thích và Trình chỉnh sửa biểu mẫu bất kỳ lúc nào. Sử dụng nút Xóa để xóa Chú thích hoặc Trường biểu mẫu khỏi tài liệu PDF mới hoặc hiện có.

Hoàn tác và làm lại các thay đổi

Nếu bạn muốn hoàn tác hoặc làm lại các thay đổi của mình đối với các chú thích hoặc trường biểu mẫu, bạn có thể sử dụng các nút Hoàn tác/Làm lại trong cả Chú thích và Trình chỉnh sửa biểu mẫu. Các nút này ghi lại các thay đổi của bạn dần dần và bạn có thể tiếp tục hoàn tác hoặc làm lại các hành động của mình cho đến khi hài lòng với kết quả.

Phần kết luận

Cùng với đó, chúng tôi đã xem xét các tính năng chú thích, biên tập và trường biểu mẫu của Trình xem PDF JavaScript của Giải pháp tài liệu. Như bạn đã thấy, việc thêm chú thích của riêng bạn, biên tập lại thông tin không nên hiển thị và thêm/chỉnh sửa các trường biểu mẫu để tạo biểu mẫu PDF tương tác không thể dễ dàng hơn thế.