Demos

Document Solutions PDF Viewer

[Main Product Page] [Online Docs]

Document Solutions PDF Viewer (DsPdfViewer) is a fast JavaScript PDF viewer and editor that runs in all modern browsers. It is a cross platform solution for viewing and editing PDF documents, and filling AcroForms on Windows, macOS, Linux, iOS and Android devices.

DsPdfViewer can be embedded in all major web frameworks such as pure JavaScript, Angular, Vue, ASP.NET Core, ASP.NET MVC, HTML5, React and Preact.

DsPdfViewer's editing features are enabled when it is connected to a PDF modification backend via its supportApi property. DsPdfViewer supports two variants of the editing backend:

  • Wasm SupportApi (new in the v7.2 release): everything you need is included in the DsPdfViewer distribution. The Wasm providing the editing capabilities is self-contained, runs in the client browser, and does not require a live connection to a server.
  • Server-based SupportApi: requires a connection to DsPdf running on a server, where the requested PDF modifications are applied and sent back to the client. Some features (such as collaboration mode) are only available when using the server-based SupportApi.

To switch between using the local Wasm SupportApi and the remote server/DsPdf-based SupportApi, click the button in the top right corner of the demos page:

  • Switch to client SupportApi: use the Wasm-based backend running in the client browser.
  • Switch to server SupportApi: use the DsPdf backend running on the server.

Note that features that are not available with the Wasm backend will be disabled when Wasm mode is used.

DsPdfViewer's editing features include:

  • Add new or modify existing annotations in Annotation editor mode.
  • Add or modify AcroForm fields in Form editor mode.
  • Fill and save filled forms.
  • Reply to other users' comments in a dedicated panel.
  • Collaborate on PDFs with real time co-authoring.
  • Convert annotations or fields to static PDF content.
  • Redact sensitive information from PDFs.
  • ...and more.

To navigate the samples, view or modify demo sources, and run modified samples:

  • Select a sample in the tree.
  • View or edit the sample PDF in the viewer panel.
  • Inspect the sample code in the code panel tabs.
  • Modify the sample code and press the Run button to immediately see the effect.
  • Reload the sample to revert to the original state.

To download, build and run sample sources on your system:

  1. Press the Download zipped source files button to download the current sample sources.
  2. Extract the files from the downloaded zip to a directory on your computer.
  3. Navigate to that directory.
  4. Run the run.cmd batch file. This will build the sample sources, start the SupportApi service and open the http://localhost:3003 URL in your default browser.
  5. For more info, see readme.md included in the downloaded zip.