Cross-Platform JavaScript PDF Viewer and Editor

This JavaScript PDF Viewer (DsPdfViewer) solution is a fast, cross-platform JavaScript viewer and editor built for enterprise needs. It integrates with major frameworks like Angular, React, Vue, and .NET, supports Adobe PDF 2.0, and runs on all modern browsers and devices. With advanced features such as text search and replace, redact information, forms, annotations, digital signatures, and more. DsPdfViewer delivers a complete developer solution for embedding enterprise-grade PDF functionality into web applications.

• Key Features Documentation
• Feature Resources

Tailor the JavaScript PDF Viewer to fit your application’s branding and workflow needs. From toolbar and sidebar customization to context menus and document lists , developers can easily control the look and feel of the viewer. Go beyond styling, enable or restrict editing features based on user roles, configure client or server-based editing, or define custom keyboard shortcuts for faster navigation. With localization and responsive design built in, DsPdfViewer ensures every user enjoys a familiar, efficient, and accessible PDF experience.

• Learn More About the Default Toolbar and Panel Icons
• See the UI Customization Documentation
• View Demo and Code

A Document Solutions for PDF purchase includes a Standard viewer license for the JavaScript PDF Viewer (DsPdfViewer), offering robust client and server-side PDF processing. With .NET-based server-side capabilities, users can programmatically create and modify PDFs, while DsPdfViewer delivers a customizable PDF viewing experience on the client side. The optional Professional viewer license adds advanced features like document editing, form-filling, and collaborative tools, available through server-based or client-only WebAssembly (Wasm) editing options.

• Learn More About Viewer Options
• Watch Professional Viewer Benefits Webinar
• View Demo and Code

Built-In JS PDF Viewer and Editor Toolbar | Enterprise Developer Solution

Built-In Toolbar

The Built‐In Tool Bar of DsPdfViewer provides a comprehensive, user‐friendly interface composed of toolbar icons at the top of the JavaScript PDF Viewer and feature‐specific side panels. Users can open PDFs, navigate between pages (including first, last, previous, next), zoom in and out, rotate pages, toggle full screen, print or download documents, and switch display layouts. Additional tools such as search, page thumbnails, bookmarks or document outlines, attachments, and article thread navigation are available via sidebar panels. The appearance and behavior of toolbar and panel elements (such as which buttons are shown, the page counter format, and sidebar visibility) can be customized to match branding or usage needs. The pageCounterFormatand emptyPageCounterFormat properties can be set to control the formatting of the shown page number when viewing a PDF document. This combination of toolbar + panels gives users efficient access to powerful PDF viewing features with minimal setup.

• PDF Viewer Features Documentation

Customizable Toolbar in JavaScript PDF Viewer Control

Customizable Toolbar

The Customizable Toolbar feature in Document Solutions PDF Viewer provides full control over the layout, visibility, and behavior of toolbar items to match specific user needs or branding requirements. Developers can modify the toolbar using the viewer.toolbarLayout property, which accepts a deeply customizable object defining groups, commands, order, spacing, visibility, and conditional rendering for the JavaScript PDF Viewer. Each toolbar group can include core commands like open, save, print, rotate, zoomOptions, and search which are mapped to predefined or custom viewer actions. You can also inject your own commands or disable specific tools by removing them from the layout configuration.

Advanced scenarios can leverage the toolbarLayout viewer and annotationEditor sub-properties to define different toolbars based on viewer mode, such as document reading versus annotation editing. Additionally, developers can toggle individual toolbar item visibility dynamically using the applyToolbarLayout() method. This level of flexibility makes it easy to streamline the UI for specific roles, like hiding editing tools in view-only workflows or rearranging buttons for mobile layouts. The toolbar’s appearance, such as spacing, icon style, and grouping, is also fully adjustable, allowing for pixel-perfect integration into your application’s design system.

• View Demo and Code
• Customize PDF Viewer Toolbar Documentation

Enable Client-Side PDF Editing in JavaScript Web Applications

Edit PDF Document

Our professional JavaScript Document Solutions PDF Viewer and Editor turns any web app into a full-featured PDF editor. Developers can enable powerful editing capabilities including annotations, form field design, digital and graphical signatures, page rearrangement, and search-and-replace tools, all inside the browser.

Edit functionality is available through two flexible options: Server-Based Editor using SupportApi for multi-user collaboration and advanced processing, and Wasm-Based Editor (Wasm) for local, client-side editing with no server dependency.

Users can fill out forms, highlight text, draw comments, insert or delete pages, and extract table data. Admins can also control access to editing tools based on user roles or licensing tiers. Whether you’re building a document workflow for healthcare, finance, legal, or enterprise apps, This JavaScript PDF editor makes in-browser PDF editing seamless and customizable.

• View Demo and Code
• Edit PDF Documentation

Client-Side PDF Editing with Wasm PDF Editor Control | Dev Solutions

Wasm PDF Editor

Our JavaScript PDF Viewer now supports a WebAssembly (Wasm) configuration that lets users edit PDF documents entirely within the browser with no server connection required. This new client-side option replaces the need for deploying .NET-based SupportApi servers, offering a simpler, more secure, and faster deployment model.

With Wasm, developers can enable powerful editing features such as annotation tools, form editing, PDF page organization, and more using only HTML and JavaScript. It’s especially beneficial for sensitive document workflows, as all modifications happen locally within the user’s browser.

To activate this setup, simply install the viewer via NPM and initialize it with WasmSupportApi. DsPdfViewer will load the built-in Wasm module, allowing you to build fully interactive PDF editing experiences that are compatible across modern browsers. For custom font support or production deployments, host the viewer from a web server and use registerFont() as needed.

This configuration requires a Professional License and is ideal for applications that demand offline capabilities, enhanced performance, or strict data privacy. While collaboration and a few advanced editing features still require server-based SupportApi, the Wasm version delivers a fast and portable editing experience out of the box.

• View Demo and Code
• Configure Wasm Based PDF Editor Documentation

View PDF Layers in JS PDF Viewer App

View PDF Layers

The View PDF Elements feature in Document Solutions PDF Viewer empowers users to interact with rich internal content layers of a PDF, such as optional content groups (OCGs), structured (tagged) content, and dynamic XFA form elements. Through the built-in Layers Panel, developers can enable users to toggle visibility for optional content groups using the addLayersPanel() method. Layers that include zoom-dependent visibility rules will automatically respond to the current zoom level, following the behavior outlined in the PDF 2.0 specification.

The viewer also supports structured documents, enabling the Structure Tree Panel with the addStructureTreePanel() method to expose accessible tagging hierarchies such as headings, lists, and tables. This greatly enhances document accessibility and navigation for assistive technologies or compliance workflows. In addition, XFA form rendering is supported out-of-the-box and can be toggled on or off via the enableXfa property, offering full compatibility with interactive forms built using XML Forms Architecture. With this feature, developers gain deep visibility and user-level control over complex PDF internals, making the viewer ideal for workflows requiring advanced document inspection, accessibility support, or user-driven content filtering.

• View Demo and Code
• View PDF Elements Documentation

Offer a PDF Organizer UI JavaScript Enterprise Web Apps

PDF Organizer UI Dialog

The PDF Organizer Dialog feature in the DsPdfViewer’s professional viewer provides a user-friendly, interactive modal within the JavaScript PDF Viewer that enables powerful document page manipulation without leaving the viewing context. Triggered via a toolbar button, this dialog grants users the ability to reorder, rotate, duplicate, remove, or split PDF pages using intuitive drag-and-drop controls and range-based operations. Users can define custom page ranges, such as even, odd, numbered ranges, all pages or empty pages, and apply transformations like rotation or cloning to entire sets. The dialog also supports inserting external PDF files using the Merge External PDFs button, giving users full flexibility to merge multiple documents on the fly.

Once changes are complete, users can preview the revised page layout and commit the modifications by clicking Done, which programmatically applies the changes and reloads the updated PDF into the viewer by passing the new PDF to the viewer object. If the user clicks Cancel, the viewer state reverts, discarding all in-progress changes. This high-level interface is ideal for workflows such as contract assembly, content reordering, or preparing reports where users need to visually reorganize pages, combine documents, or trim unwanted content, all directly inside the browser. By leveraging the PdfOrganizerDialog button and integrated range input validation, developers can give end users professional-grade editing tools with minimal implementation effort.

• View Demo and Code
• PDF Organizer Documentation

Annotation Editor in JavaScript PDF Viewer | Developer Solution

Annotation Editor

The Annotation Editor this professional PDF Viewer enables complete in-view annotation creation, customization, and management for interactive PDF editing experiences. By leveraging built-in editor API values such as canEditDocument and the AnnotationBase class, developers can give users the ability to create and modify annotations like sticky notes, text boxes, lines, shapes (rectangle, ellipse), stamps, redactions, file attachments, and ink drawings directly in the viewer for a complete JavaScript PDF Editor experience. These annotations can be added via toolbar buttons or right-click context menus, with each supporting dynamic user input and live visual feedback.

Annotations are fully configurable using a side panel and inline property toolbars, allowing end users to adjust attributes such as color, opacity, border width, author metadata, and content in real time. Through the Annotation Panel, users can browse all annotations in a document, jump to them, and manage their properties at a granular level. Support for overlapping annotation selection, undo/redo history, and hover/click interactivity ensures a smooth and responsive editing experience. Since all features are integrated seamlessly with the main viewer UI (not a separate editing mode), the Annotation Editor supports fluid transitions between reading, editing, and reviewing workflows, making it ideal for collaboration, compliance, redaction, and legal document markup tasks.

• View Demo and Code
• Annotation Editor Documentation

PDF Form Filler, Editing, and Saving Support in JS PDF Viewer Solutions

PDF Form Support

The Form Editor in the DsPdfViewer’s professional viewer enables developers and end users to create, edit, and fill out PDF forms interactively within the JavaScript PDF Viewer with no external tools needed. Using the built-in Form Editor, which can be added with the addFormEditorPanel() method, users can add common AcroForm field types such as text boxes, checkboxes, radio buttons, combo boxes, list boxes, push buttons, and signature fields. Developers can control the editor via formEditor properties, allowing them to customize what tools and options are visible during form creation and editing sessions.

Each form field is fully configurable through an intuitive sidebar and property panel. You can adjust properties such as field names, tooltips, default values, font styles, border and background colors, tab order, alignment, and validation rules (e.g., required fields). The form layout is preserved in real-time, and fields can be precisely aligned, duplicated, or grouped for streamlined form design. Once forms are completed, they can be saved directly in the viewer, printed, or submitted through the DsPdfViewer API using viewer.submitForm(). With seamless integration into the viewer's main UI and toolbars, the Form Editor provides a complete end-to-end solution for interactive PDF form workflows, ideal for applications involving surveys, contracts, application forms, or dynamic reports.

• View Demo and Code
• Form Editor Documentation

Allow Users to Merge PDFs via the PDF Organizer UI in the Professional DsPdfViewer

Merge PDFs

The Merge PDFs feature in the DsPdfViewer’s professional viewer enables users to seamlessly append pages from an external PDF file into the currently open document, all within the JavaScript PDF Viewer interface. This is accomplished by programmatically by saving the original PDF with the existing pages of the new PDF through the save() method, which merges specified pages from an uploaded external file into the live document session. In the associated demo, this is paired with a browser-based file picker to allow users to select a PDF from their local system.

Once a file is selected, the external PDF is read, and a subset of its pages (such as the first page or a user-defined range) is extracted and appended to the current PDF. After merging, the updated document is loaded back into the viewer using the onUpdate event, ensuring a smooth user experience without needing to leave the app or use additional tools. This feature is ideal for workflows involving report aggregation, cover page addition, or multi-source document compilation, and demonstrates how DsPdfViewer can support real-time editing and manipulation of PDF structure directly in the browser.

• View Demo and Code
• Merge PDFs Documentation

Allow users to Rotate PDFs in JavaScript Enterprise Web Applications

Rotate Pages

The Rotate Pages feature in the DsPdfViewer’s professional viewer lets users easily change the orientation of individual or multiple pages in a PDF directly within the JavaScript PDF Viewer. Using the RotationInit angle property, developers can programmatically rotate selected pages by 1° to 359° in either direction. The demo showcases how a UI selection, typically based on a page range input, can be parsed and the appropriate rotation applied.

This functionality is integrated into the viewer interface by combining form inputs for user-driven selection with PDF editing methods that apply changes to the in-memory document. Once rotation is complete, the updated PDF is reloaded in the viewer, maintaining a seamless user experience. This feature is especially useful for scanned documents or imported files with inconsistent orientation, allowing for quick correction, realignment, or printing preparation, all without needing to reprocess files offline or use third-party tools.

• View Demo and Code
• PDF Organizer Documentation

Allow AI PDF Summarization in JS Web Applications

Connect with AI

This professional PDF viewer demo shows how to add AI capabilities into the JavaScript PDF viewing experience, enabling users to ask questions about the contents of a document using natural language. This integration leverages ChatGPT and OpenAI API tokens to extract all visible text from the loaded PDF file, optionally filtered by the current page or document section. The extracted text and the user’s question are then sent to a ChatGPT-compatible endpoint, typically using the OpenAI API, to generate a context-aware answer, which is displayed directly within the viewer’s UI using dynamic HTML elements.

The related demo implementation highlights how a prompt is constructed dynamically from both the user's query and the extracted document content. This allows for intelligent tasks such as summarizing a long document, identifying definitions, interpreting legal or technical clauses, or navigating to relevant sections, all without manual scrolling or searching.

In addition, developers can customize the interaction model by integrating their own AI backend, modifying prompt templates, or adjusting the scope of text extraction to include full documents, single pages, or targeted paragraphs. This feature significantly enhances productivity for users working with complex or dense PDFs and makes DsPdfViewer a powerful tool for research, auditing, and document analysis workflows driven by natural language processing.

• View Demo and Code

Programmatically Set the Initial View Preference for JS PDF Viewer

Set Initial View Preferences

The Document Solutions PDF Viewer supports opening a PDF with initial view settings. This allows web app developers to set intended opening behavior such as hiding toolbars, page layout, defined open actions, and more. Similar to how PDFs open in Adobe Acrobat.

This PDF viewer control’s open behavior can also be customized programmatically. Developers can access this information through the viewerPreferences API, which provides values for openAction, pageMode, and pageLayout. For instance, the openAction property reveals the target destination, which can then be resolved to a specific page index using resolvePageIndex(). Alternatively, if your application needs to bypass these embedded preferences, the ignoreInitialView flag can be set during initialization to disable them entirely.

This feature is available in both the Standard and Professional licenses of DsPdfViewer. However, certain legacy Acrobat settings, such as specific page layout modes and UI visibility options, are not supported.

• View Demo and Code
• Initial View Settings Documentation

Set PDF Page Display to UI PDF Viewer Control

Set Page Display Layout

The Page Display Layout feature in DsPdfViewer gives users and developers precise control over how PDF content is visually arranged on the JavaScript PDF Viewer, enabling a highly tailored reading experience. Through the pageDisplay property in the viewer configuration, applications can programmatically set the viewer to display a single page, two pages side-by-side (facing), continuous vertical scrolling (single or two-page), or automatic mode where layout adapts to device width or initial PDF metadata. These options support a wide range of use cases, from closely reviewing legal documents one page at a time to reading eBooks or manuals in a natural spread layout.

End users can also dynamically switch display modes through a toolbar dropdown in the viewer UI, improving accessibility and user preference control. The layout behavior works seamlessly with other navigation and zooming features, ensuring consistent performance across modes. By setting an initial layout through configuration or honoring PDF ViewerPreferences, developers can ensure that documents load in the optimal format for their intended use case. Whether you're building a focused document reader or a flexible content portal, this feature ensures your users can interact with content in the most effective format for their screen size, content type, or task.

• View Demo and Code
• Page Display Layout Documentation

Advanced PDF Searching Capabilities in JavaScript PDF Viewer

Advanced Search

DsPdfViewer includes a robust set of advanced search options that help users quickly find exactly what they’re looking for in any PDF. From simple case matching to complex proximity operators, the viewer supports real-time, dynamic search via a floating toolbar (or users can press Ctrl+F to open) or an optional sidebar panel.

Advanced options include Match Case , Whole Word, Starts With , Ends With , Wildcard support (*, ?), and Proximity search using AROUND(n), NEAR(n), and ONEAR(n) operators. Developers can toggle between a floating search bar and a persistent sidebar panel using the useFloatingSearchBar option. Matching results are automatically highlighted as the user types, with customizable colors using the useCanvasForSelection setting.

• View Demo and Code
• Advanced Search Options Documentation

Allow users to Find and Replace PDF Text in JavaScript Enterprise Web Apps

Search & Replace Text

The professional Search & Replace Text feature in the JavaScript developer control, DsPdfViewer, allows end-users to locate and replace text within PDFs using both the UI and programmatic APIs. When enabled (and with the Support API / Professional license), the JavaScript PDF Viewer places a Search icon in the toolbar (or users can press Ctrl+F for search, Ctrl+H to open Replace mode), which opens the Floating Search Bar. This bar supports advanced search options such as match case, wildcard, proximity, etc. Once matches are found, users can replace individual occurrences using the Replace current option, or swap out all matches at once using Replace all.

Developers can also invoke or control this functionality via the viewer.toggleSearchUI() method. The expand property determines whether the search UI is shown or hidden, and the replaceMode property toggles whether replace functionality is enabled. This flexibility is useful in applications where you want to programmatically trigger search or search+replace modes (for instance as part of a review workflow), or control UI exposure based on user permissions. The feature improves efficiency by reducing manual copy‐and‐paste, speeding up bulk editing, content correction, or standardized updates across multiple instances of similar text in documents.

• View Demo and Code
• Search and Replace Documentation

Password Protect PDF in JavaScript Web Applications

Open Password-Protected Documents

The Password Protect feature ensures that PDFs encrypted with a user or owner password remain inaccessible until the correct password is supplied in the JavaScript PDF Viewer. When you load a password‐protected PDF via viewer.open(), the viewer detects that encryption is present and displays a built‐in password dialog automatically, unless a password is provided upfront in the configuration via the ViewerOptions.password property. If the user enters the correct password, viewer.open() resolves successfully and renders the document; if not, an error callback or event is triggered through the OnErrorclass keeping the content hidden.

Developers can also supply the password programmatically by passing it as part of the open call or via configuration, allowing trusted workflows where passwords are known in advance. Because this happens inside the viewer, workflows dealing with secure or sensitive content (legal documents, contracts, protected reports, etc.) can enforce confidentiality while maintaining usability.

• View Demo and Code

Allow users to Select and Download PDF Table Data to XLSX using a JS PDF Viewer | Developer Solutions

Extract Table Data

The professional client-side JS PDF viewer, Document Solutions PDF Viewer, offers a powerful PDF Table Extraction UI tools for identifying and exporting tabular data from static PDF content. With a built-in visual editor and advanced recognition settings, users can select any region of a PDF, preview the detected table structure, and export clean data to formats like CSV, TSV, JSON, XLSX, XML, or HTML, directly from the viewer.

The PDF viewer’s sidebar includes a dedicated Table Extraction panel that allows for intuitive region selection, real-time feedback, and custom extraction settings. Users can resize columns, split or merge cells, and drag to reposition the table to ensure optimal alignment before export. Extraction parameters like row spacing factor, minimum column width, and more can be adjusted to improve accuracy based on the document’s formatting.

Developers can programmatically display the Table Extraction panel using the addTableExtractionPanel method and immediately open it with expandPanel().

• View Demo and Code
• Extract Table Data Documentation

Allow PDF Collaboration in JavaScript Enterprise Web Apps

PDF Collaboration

The DsPdfViewer’s professional JavaScript PDF Viewer allows developers to create a live, sharable environment, where multiple users can open, view, and edit the same PDF document simultaneously. By enabling the SupportAPI option and configuring the server with GcPdfViewerHub.ConfigureServices(), you activate real-time collaboration powered by SignalR. The hub endpoints must be mapped, and documents are shared via APIs that broadcast updates to all connected clients, so when one user makes an edit, such as adding an annotation, filling a form, or replying to a comment, others see the update live. This synchronization is key to document workflows that require group feedback or concurrent interaction, such as review cycles, legal edits, or team-based content approval.

On the client side, the JavaScript PDF editor interface can be customized using the viewer.toolbarLayout.viewer.default object to include the share button (via the "share" parameter), and calling viewer.applyToolbarLayout() renders it within the toolbar. Once clicked, a "Manage Access" dialog appears, letting document owners grant or revoke access (with options for view-only or full edit rights). Developers can expose additional collaboration UI with the viewer.addSharedDocumentsPanel() method, while the ViewerOptions.sharing property offers fine-tuned access control, user presence customization, and behavior for unknown users. The presenceMode property governs how active users appear within the session, enabling visibility into editing zones. This feature adds dynamic, multi-user collaboration to the JavaScript PDF Viewer experience.

• View Demo and Code
• Share and Collaborate Documentation

Add PDF Reply to Comment Capabilities to Enterprise Web Applications

Reply Tool

The Reply Tool enhances the end-users collaboration capabilities while using the DsPdfViewer's professional JavaScript PDF viewer. This developer control supporting threaded discussions within comments and annotations. When an annotation such as a sticky note or text markup is created, it is automatically listed in the replies panel. This panel remains synchronized with the PDF document, allowing users to jump between annotations and their respective replies. Replies can be created, edited, or deleted, making it easy to carry on document-centric conversations and review cycles.

Programmatically, the reply panel behavior can be controlled via the ReplyToolSettings class. This can be used to allow replies, deletions, comment permission settings, auto expansion on comments being added, and more. These tools are ideal for feedback workflows, educational markup, and legal document review.

• View Demo and Code
• Add Reply to Comments Documentation

Enable PDF Sharing from Within Enterprise JavaScript Web Apps

Share a PDF Document

This professional developer PDF viewer and editor control allow users to directly manage PDF sharing and collaboration rights from within a JavaScript web application. Using a JavaScript PDF Viewer using the Support API. Using toolbar layout settings (e.g. including the "share" parameter in viewer.toolbarLayout) or via the Share Document toolbar button, a Manage Access dialog is triggered. In this dialog, the owner can invite users, set their permissions to view-only or edit, revoke access, or disable sharing altogether.

Once a document is shared, it appears for additional users in the Shared Documents panel, which is exposed via viewer.addSharedDocumentsPanel() or controlled through config of ViewerOptions sharing property. Real‐time collaboration is supported: when one collaborator adds annotations, fills forms, or makes changes, these edits sync live via persistent server connections (SignalR or equivalent) so that all users see changes and user presence indicators concurrently.

This is ideal for allowing document review, feedback loops, team collaboration, and controlled document distribution, all done inside the JavaScript PDF viewer and editor.

• View Demo and Code
• Share a PDF Documentation

Add Comments to a PDF Via a JavaScript PDF Viewer

Comments

The professional Comments (Text Annotation Reply Tool) feature in DsPdfViewer offers a full comment‐threading system embedded into the JavaScript PDF viewer via the viewer.addReplyTool() method (you can pass "expanded" to start with the comments panel open). When configured with the Support API, users can create sticky‐notes or selection‐based comments, reply to them, edit content, set the author via userName in viewer options, delete comments or replies, and assign a review status (e.g. "Completed", "Pending") using properties such as AnnotationMarkedStateType, AnnotationReviewStateType, title, stateModel, referenceType, and referenceAnnotationId.

The Comment Panel syncs with the document: selecting a comment scrolls to its annotation, the panel auto‐activates when you add a new comment, and the panel can be resized. In read‐only mode (when Support API is not enabled), users can only view comments and replies.

This capability is especially helpful in collaborative review workflows, feedback cycles, or compliance scenarios, where tracking discussions, visibility of replies, and maintaining context for specific parts of documents is critical.

• View Demo and Code
• Reply to Tool Documentation

Offer an Annotation Editor to JS Application End-Users with a JavaScript PDF Viewer Control

Annotation Editor

Our professional JavaScript PDF editor offers an Annotation Editor to allow developers to transforms their JavaScript web apps into a comprehensive PDF markup tool by enabling users to add, modify, and manage PDF annotations. Users can insert free text, comments, shapes, lines, stamps, links, redactions, and rich media, all while adjusting properties like author, subject, opacity, borders, and color. Annotations can be flattened, cloned, deleted, or grouped, making the tool suitable for everything from casual commenting to detailed regulatory markup.

Key APIs include viewer.annotationEditor, which activates annotation mode, and viewer.annotationEditorPanel, which lists all annotations and their editable properties. The editor integrates directly with the main toolbar and context menus, and viewer.options.annotations.defaultAuthor can predefine authorship for enterprise consistency. Annotations can also be saved or exported via the SupportApi, enabling collaboration and long-term storage. This functionality is available in both Standard and Professional Viewer editions.

• View Demo and Code
• Annotation Editor Documentation

Allow users to Redact PDF Content from JavaScript Web Applications

Define, Edit & Apply Redacts

Allow end users to mark and apply PDF redaction using a JavaScript PDF viewer with redact ability. This professional JavaScript PDF editor offers a Redact Annotation tool to provide a secure way to permanently remove sensitive information from PDF documents.

Redactions are added in two stages: first, a visual mark (customizable fill, border, and overlay text) is placed over the area, and second, the redaction is applied to permanently erase the underlying content. Once applied, the content is no longer selectable, searchable, or recoverable.

Using the viewer.annotationEditor API, users can enter redaction mode. Annotations are handled using the annotationEditorPanel, and applying redactions is done via the applyRedactions() method. Supported properties include overlay text (appearance.overlayText) and fill color, and redacted areas can be reviewed before final application.

• View Demo and Code
• Redact Annotation Documentation

Link Annotations in JavaScript PDF Editors

Link Annotation

The Link Annotation feature in the JavaScript PDF Editor professional viewer allows users to embed clickable hyperlinks directly in a PDF document. These links can point to external URLs, email addresses, or destinations in the PDF document, such as specific pages or bookmarks. Developers can also configure navigation actions, like scrolling to area, zooming, or fitting the page.

The AnnotationEditor’s LinkAnnotaion API manages creation and editing, while annotationEditorPanel exposes properties like linkTarget, uri, and dest. Each annotation’s behavior, such as whether the link opens in a new tab (target: "_blank") or in the current view, can be configured. This functionality is essential for creating interactive documents, manuals, or training materials.

• View Demo and Code
• Link Annotation Documentation

Allow your web app users to add and edit rich media embeds in PDF files from JS PDF Editor Control.

RichMedia Annotation

The RichMedia Annotation feature in this professional JavaScript PDF viewer enables embedding video and audio content directly into PDFs using the JavaScript PDF Viewer. Supported formats include MP4, MP3, OGG, WebM, and more. Media can be set to display inline or in a separate window, with activation triggers like page open/close or click events. Poster images serve as visual placeholders until playback begins.

RichMedia annotations are created either programmatically with the API, using the viewer.annotationEditor Rich Media button, with Annotation Editor’s Property Panel exposing key properties such as mediaSource, activationCondition, presentation, and posterImage. While users can interact with the annotations visually, developers can fine-tune playback and UI elements through API properties.

• View Demo and Code
• RichMedia Annotation Documentation

Allow users to apply Text mark Up to PDFs in Web Applications | JS PDF Viewer Developer Solutions

Text Markup Annotations

The Text Markup Annotations in our professional JavaScript PDF Editor allows end-users to emphasize and annotate content with highlights, underlines, strikeouts, or squiggly lines. These annotations apply visual markup to exact text quadrilaterals and can include metadata such as author, subject, color, opacity, and optional popup content for additional comments.

Markup tools are triggered through the Annotation Editor’s Text Tools, the Mark Text Context Menu and the annotationEditorPanel enables full customization.

• View Demo and Code
• Annotation Editor Documentation

Let users add stamps to PDFs in JS web apps

Stamp a Document

The Stamp Annotation feature in the JavaScript PDF Editor professional viewer empowers end-users to visually label and mark PDF documents using image-based stamps, which can serve as approvals, rejections, branding marks, attention flags, or custom indicators. Users can add custom stamps to the PDF by selecting from pre-defined lists, uploading a local file or dragging/dropping images directly to the JavaScript viewer.

Each inserted stamp is represented internally as a Stamp Annotation object and is editable both directly on the page and through the Annotation Editor’s Stamp Property Panel.

Developers can configure custom stamp sets using stampGalleryConfig, which defines categories and preload behavior. The viewer also supports drag-and-drop uploading of image stamps, though cross-origin and browser restrictions may apply. From code, developers can insert new stamps using addAnnotation and update existing ones with updateAnnotation. Because the stamp tool is tightly integrated into the JavaScript PDF Viewer, it’s ideal for review workflows, document state tracking, or corporate identity stamping.

• View Demo and Code
• Stamp Annotation Documentation

Allow End-Users to Draw Shapes on PDFs using DsPDFViewer Control | JS PDF Editor Solution

Draw Shapes

The professional JS PDF viewer lets developers configure the initial settings to allow for the Annotation Drawing tools, which included shapes like rectangle, circle, line, polyline, and other annotation types appear with custom defaults tailored to users needs.

Users can specify appearance of shapes using the Annotation Editor’s Property Panel. This includes properties such as bounding box stroke widths, dash styles, fill/interior colors, border and line endpoints, and appearance of handles (move, resize, dot handles).

• View Demo and Code
• Annotation Editor Documentation

Navigation PDF Page Thumbnails in Client-Side JS PDF Viewer

Thumbnails

The Thumbnails feature in this JavaScript PDF Viewer provides a quick and intuitive way for users to navigate multipage PDF documents using a scrollable sidebar panel. Powered by the built-in PDF Thumbnail navigation, users can automatically preview miniatures of each PDF page and renders them efficiently with lazy loading. Clicking any thumbnail allows users to instantly jump to the corresponding page.

Developers can programmatically add the thumbnail panel to the JS viewer using the addThumbnailsPanel method, or allow users to toggle it using a built-in toolbar button.

• View Demo and Code

Display and Navigate PDFs in Web Applications by the PDF Hierarchical Structure | Developer Solution

Tree Structure

Document Solutions for Imaging gives you more control over the text to be rendered and provides various advanced options such as formatting. With DsImaging, you can create an instance of the TextLayout class and invoke the Append or AppendLine methods to add the text runs to the TextLayout. Finally, you can invoke the DrawTextLayout method, which uses the instance of TextLayout class to draw the text layout at a specified location.

• View Demo and Code
• Work with Text Documentation

Easily navigate PDF Documents in JS Web Apps using PDF Viewer’s Document List Panel

Document List Panel

The Document List Panel enhances the JavaScript PDF Viewer, DsPdfViewer, by letting developers display a clickable list of PDF documents directly in the client-side viewer’s sidebar. When initialized with addDocumentListPanel, the PDF viewer shows a panel where users can select from a collection of PDFs, ideal for bundled document sets like employee packets, product manuals, or policy forms.

The list can be populated by pointing the documentListUrl to a data URI, a backend API service, or an external service. Developers can also customize the appearance of each item with images, titles, and descriptions using the previewContent property. Once configured, users can browse and open any document from the list without ever leaving the PDF viewer web application.

• View Demo and Code
• Document List Panel Documentation

Use Link Annotation to Navigate PDF Pages in a JS PDF Viewer Control

Navigate to Page with Link Annotations

The professional JavaScript DsPdfViewer includes built-in support for internal link annotations, enabling users to quickly navigate to specific pages or regions within a PDF. This allows developers to enhance PDF usability by creating clickable links that jump to bookmarks, chapters, or targeted page content, ideal for reports, contracts, manuals, or any long document.

The JS PDF viewer supports both Destination and Action link types. Destination links jump to a precise location, with options like "fit to page," zoomed-in coordinates, or anchored scroll positions. Action links provide quick navigation controls like "Go to First Page," "Next Page," or "Go Back", preserving a view history for intuitive browsing.

Users can insert these links visually using the viewers Annotation Tools, or define them programmatically, making it easy to create navigable documents with just a few clicks. Utilizing this feature requires a Professional PDF Viewer license.

• View Demo and Code
• Types of Link Annotations Documentation

Allow users to fill and print PDFs from your Website

Fill & Print PDF Forms

The JavaScript PDF viewer control DsPdfViewer allows users to fill in interactive PDF forms, fields like textboxes, checkboxes, dropdowns, and more directly within the browser. This standard feature works across devices and does not require SupportAPI, making it ideal for completing and printing completed PDF forms such as job applications, tax documents, or surveys. While users can enter data and print the filled form locally.

• View Demo and Code

Allow Users to Fill and Create PDF Forms or AcroForms using JS PDF Viewers | Developer Solutions

Create PDF AcroForms

The DsPdfViewer’s professional viewer offers fully integrated form editing and filling experience for PDFs that use AcroForms. Developers can allow users to create and modify form fields, textboxes, checkboxes, radio buttons, dropdowns, and more, through a responsive drag-and-drop UI. Each field includes customizable properties like name, tooltip, appearance, validation rules, and tab order.

The built-in Form Editor makes it easy to build complex form layouts from scratch or enhance existing PDF templates. The toolbar lets users insert fields, undo/redo changes, and save documents, all directly within the viewer. A dedicated property panel allows precise field placement and behavior control, including tab order settings (row, column, or structure-based), character limits, and read-only flags.

For end users, the intuitive Form Filler tool enables seamless interaction with forms, supporting custom HTML5 input types (e.g. date, email, tel, and more), tooltips, placeholders, and validation messages. These tools work without requiring SupportAPI for basic input, but developers can enable SupportAPI to unlock full editing, saving, and submission workflows.

• Form Editor Documentation
• View Demo and Code

Offer a Form Filling Dialog for PDF Forms to JS web applications

Form Filler UI Tool

The PDF Form Filler tool, offered with the professional DsPdfViewer, is a rich, mobile-friendly interface for filling out PDF forms, no coding required. Whether you're using standard AcroForms or enhanced custom HTML5 input types (like date, email, tel, and more), the Form Filler dialog presents a clean UI for entering values, viewing tooltips, and validating fields in real time.

You can define validation constraints such as required fields, input length, regex patterns, and even custom JavaScript validators. Display names, tooltips, and placeholder content are fully configurable, and static content like form instructions can be injected using custom HTML.

The Form Filler can be launched from the toolbar (viewer.showFormFiller()), and field data syncs directly with the underlying PDF. When paired with SupportAPI, you can also save completed forms or apply changes programmatically. Event hooks like onInitialize, beforeApplyChanges, and beforeFieldChange give developers full control over the form lifecycle.

• View Demo and Code
• Form Filler Documentation

JavaScript PDF Viewer Form Editor

Form Editor

The professional DsPdfViewer’s Form Editor enables developers and end users to create, edit, and manage interactive PDF forms entirely within a web browser, no Adobe Acrobat required. Add fields like text boxes, checkboxes, radio buttons, dropdowns, and buttons with intuitive UI tools, or use the form editor side panel for full control over each field’s name, size, border, and behavior.

Build forms from scratch, modify existing ones, or insert new pages to support dynamic workflows like registration forms, intake documents, or HR onboarding packets. DsPdfViewer also supports setting field orientation for rotated pages, configuring tab order for seamless navigation, and defining default form tool layouts via API.

With support for undo/redo, custom toolbars, property panels, and instant preview, the Form Editor makes browser-based PDF form creation faster and easier than ever before.

• View Demo and Code
• Form Editor Documentation

Fill/Build PDF Form using HTML5 Input Types in JS Web Applications

Custom Form Input Types

The professional JavaScript Document Solutions PDF Viewer offers advanced HTML5-style input types for PDF forms, including date pickers, email and phone inputs, password fields, numeric sliders, and more. These enhanced input types extend beyond traditional PDF form capabilities by supporting custom behaviors, validations, and properties, like autocomplete, pattern matching, tooltips, min/max ranges, required flags, and real-time input validation.

Each input type is built on the standard textbox field and can be fully customized using GcProps in DsPdf's API or by leveraging DsExcel templates. This makes it easy to pre-define expected formats, apply localized validation messages, enforce business logic, or optimize for specific data types like time zones, PINs, or structured emails.

• View Demo and Code
• Custom Form Input Types Documentation

Implement Custom Validation in PDF Forms using a JavaScript PDF Viewer & Editor Control

Custom Validation

The professional DsPdfViewer supports rendering and interacting with XFA (XML Forms Architecture) forms. Commonly used in complex government, healthcare, and enterprise documents. These interactive PDF forms retain their dynamic structure, field layout, and embedded JavaScript behaviors, such as validations, resets, submissions, and printing.

With built-in support for field validation and event-driven behaviors, DsPdfViewer ensures that XFA-based PDFs function as intended, enabling accurate form filling and error checking directly in the browser. This allows developers to build form workflows that respect existing business logic without flattening or converting legacy documents. XFA rendering can be toggled off via configuration if needed.

• Custom Form Validation Documentation
• View Demos and Code

Add XFA PDF Form Support to Enterprise Web Applications

XFA Support

The professional JavaScript Document Solutions PDF Viewer supports XFA (XML Forms Architecture) forms enables users to fully render and interact with PDF documents in web applications. When a PDF contains XFA-defined form content, the viewer shows the form fields and layout as intended, allowing end users to fill in the data, submit or print the form with its dynamic behavior.

Input controls, positioning, labels, and flow layouts defined in the XFA specification are honored so that the interactive experience closely matches what the author intended. This is particularly valuable for organizations working with legacy or complex form templates (e.g. surveys, government or enterprise forms) that rely on XFA, avoiding the need to convert or flatten those forms just to interact with them.

• View Demo and Code
• View XFA Content Documentation

JavaScript PDF Viewer/Editor with PDF Graphical Signature Support - type, draw, upload image

Graphical

The professional JavaScript PDF viewer, DsPdfViewer, makes it easy to allow digital PDF signatures with a flexible Graphical Signature tool. End users can type, draw, or upload signature images directly in the JS viewer. Signatures are added using Stamp Annotation’s and can be resized, repositioned, or deleted via the side panel.

Developers can further customize the signing experience, predefine pen color, hide unnecessary tabs, or skip the save-to-local-storage option entirely. You can even pre-load signature images from the server with the addStamp method. Whether you need a quick inline signature or a fully branded, guided signing dialog, DsPdfViewer gives you total control over the signature UI and logic.

• View Demo and Code
• Graphical Signature Tool Documentation

PDF Digital Signatures in JavaScript Web Apps with DsPdfViewer

Digital Signatures

Digital signatures allow PDF documents to be securely signed in JavaScript applications in a way that ensures authenticity, prevents tampering, and supports legal or audit-grade workflows. DsPdfViewer enables server-side signing using X.509 certificates through the SupportAPI, with customizable signature fields, signer names, locations, and appearance. Signing is triggered from the client via the save method and handled on the server using the VerifyToken and OnSign events. The viewer also supports validating existing digital signatures, detecting all signature fields, determining if they’re signed, extracting signer details, and verifying if the document has been modified since signing. Additional options include incremental updates, linearized saves, and metadata inspection using getSignatureInfo method to enforce signature validation policies. This feature requires the Professional License and proper SupportAPI configuration.

• View Demo and Code
• Digital Signature Documentation

Get PDF Signature Info from JavaScript PDF Viewer Control

Show Signature Info

With the JS API’s getSignatureInfo method in professional DsPdfViewer, developers can quickly determine whether a PDF is digitally signed and programmatically extract detailed information about each signature field. Identify all signature fields in the document (signed or unsigned), retrieve signer names, locations, and signing dates, and display that information in custom dialogs or logs.

Whether you’re validating signed documents in workflows or simply informing users of a PDF’s signing status, DsPdfViewer gives developers full access to embedded signature metadata.

• View Demo and Code
• Get Signature Information Documentation

JavaScript PDF Viewer Saving PDF Options from Browser | Developer Solution

Save Edited PDFs

The professional viewer enables end-users to persist all changes made in the JavaScript PDF viewer/editor(annotations, form fills, redactions, etc.) via a Save button available on the Main Toolbar, Annotation Editor Toolbar, or Form Editor Toolbar. Users can simply click Save or developers can programmatically invoke the save method to download the document in its current form.

In addition, there is a Save as drop‐down menu allowing the document to be saved/exported into alternative formats such as PNG or SVG images; in those cases the output is produced as a set of images in a ZIP archive. The feature is configurable: you can hide or show the Save as menu, and restrict which formats are available via options like saveAsOptions (including properties like availableFormats and showSaveAsButton). This gives your web applications flexibility to offer only certain export formats while maintaining a consistent, integrated save workflow.

• View Demo and Code
• Save PDF Documentation

Enable PDF Printing from Web Applications | DsPdfViewer

Print PDFs

Add seamless PDF print functionality to web applications with the help of the JavaScript PDF Viewer, DsPdfViewer. End users can print the currently loaded PDF using the built-in toolbar button, or developers can trigger the browser’s native print dialog programmatically using the API’s print method.

This feature provides a fast and intuitive way to generate hard copies of digital documents, ideal for applications that manage contracts, invoices, reports, and more. Compatible with all modern browsers, no third-party plugins or PDF software needed.

• View Demo and Code
• PDF Viewer Features Documentation

JavaScript PDF Viewer Saving PDF Options from Browser | Developer Solution

PDF to PNG

The professional JavaScript DsPdfViewer makes it easy to allow users to convert or save PDFs as a PNG image. Using the Save As dropdown on the main toolbar, annotation editor, or form editor, users can export the entire PDF as a set of PNG images. The JS PDF viewer downloads the images in a convenient ZIP archive, so every page is preserved and ready for use in reports, presentations, or other applications. Developers can also call the save method programmatically to export and download the current PDF as PNG files with a custom filename.

• View Demo and Code
• Save PDF in Alternative Formats Documentation

JavaScript PDF Viewer | Save PDF to SVG files | Developer Solution

PDF to SVG

With our JavaScript PDF viewer, DsPdfViewer, developers can allow users to easily convert and download multi-page PDFs as high-quality SVG images. This format preserves resolution at any zoom level and is ideal for embedding PDFs into web apps, printing workflows, or design tools.

End users can access this feature using the JS PDF viewer’s built-in Save As dropdown button, or developers can trigger downloads programmatically using the DsPdfViewer API’s save method and "SVG" format. The result is a zip archive containing each page of the PDF rendered as an SVG, ready for use anywhere vector precision matters.

• View Demo and Code
• Save PDF in Alternative Formats Documentation

npm i @mescius/dspdfviewer

import { DsPdfViewer } from '@mescius/dspdfviewer';

const viewer = new DsPdfViewer('#root', {});
viewer.addDefaultPanels();
viewer.open('Company.pdf');

Learn more with our complete Quick Start guide for the Document Solutions PDF Viewer’s Viewing and Editing capabilities.

npm i @mescius/dspdfviewer

<body onload="loadPdfViewer('#root')">
 <div id="root"></div>
 <script src="node_modules/@mescius/dspdfviewer/dist/dspdfviewer.js"></script>
</body>

 function loadPdfViewer(selector) {
 var viewer = new DsPdfViewer('#root', {});
 viewer.addDefaultPanels();
 viewer.open('Company.pdf');
 }

Learn more with our complete Quick Start guide for the Document Solutions PDF Viewer’s Viewing and Editing capabilities.

Standard PDF Viewer License (Included with DsPdf)

Supports core view functionalities, including:

• Advanced Search Options
• Custom Context Menu
• View PDF Layers
• View Structured Content in Tagged PDF
• And more...

Professional PDF Viewer License (Upgrade)

Includes everything in Standard, plus edit & collaboration features:

• All Standard DsPdfViewer view functionalities
• Editing Tools (cut, copy, paste, alignment)
• PDF Organizer Toolbar
• Create & Edit Annotations
• Redact PDF Content
• Add / Modify PDF Form Fields
• PDF Form Filler (Dynamic XFA Forms)
• Collaboration & Commenting Tools
• Digital & Graphical Signatures
• Replace Text
• Wasm-Based PDF Editing