Class: Instance

Members

(readonly) connectedClients: Immutable.Map.<string, PSPDFKit.InstantClient>

Server Only

NOTE This method is only available with PSPDFKit Instant.

Use this method to obtain an up-to-date list of the current connected instance clients.

The return value is an Immutable.Map, which can be used like the regular ES2015 Map.

The PSPDFKit.Instance~ConnectedClientsChangeEvent will be triggered, whenever a new client will connect to the document, or a current client will disconnect. The event will always include the full up-to-date list of the currently connected clients (the same that would be returned when you call this method).

Type:

Immutable.Map.<string, PSPDFKit.InstantClient>

Examples

Find out how many total clients are currently connected

instance.connectedClients.count();

Find out how many distinct users are currently connected

instance.connectedClients.groupBy(c => c.userId).count();

Find out how many anonymous clients are currently connected

instance.connectedClients.filter(c => !c.userId).count();

(readonly) contentDocument: Document

Access the document object of the PSPDFKit for Web viewer frame. This can be used to quickly interact with elements (using our public CSS API) inside the viewer.

Type:

Document

Example

instance.contentDocument.addEventListener("mouseup", handleMouseUp);

(readonly) contentWindow: window

Access the window object of the PSPDFKit for Web viewer frame. This can be used to quickly interact with elements (using our public CSS API) inside the viewer.

Type:

window

Example

instance.contentWindow.location;

(readonly, nullable) currentAnnotationPreset: string

Get the current active annotation preset ID

Type:

string

(readonly) currentZoomLevel: number

The current zoom level. This will be either the number set in the current PSPDFKit.ViewState or calculated using the PSPDFKit.ZoomMode.

Type:

number

(readonly) locale: string

Returns the current locale for the application.

Type:

string

(readonly) maximumZoomLevel: number

The maximum zoom level. This value depends on the current viewport and page dimensions. Defaults to 10 but can be bigger so that the FIT_TO_WIDTH and FIT_TO_VIEWPORT PSPDFKit.ZoomModes always fit.

Type:

number

(readonly) minimumZoomLevel: number

The minimum zoom level. This value depends on the current viewport and page dimensions. Defaults to 0.5 but can be bigger so that the FIT_TO_WIDTH and FIT_TO_VIEWPORT PSPDFKit.ZoomModes always fit.

Type:

number

(readonly) searchState: PSPDFKit.SearchState

Returns the latest search state. This value changes whenever the user interacts with PSPDFKit or whenever PSPDFKit.Instance.setSearchState is called.

The search state can be used to finely control the current search UI.

Type:

PSPDFKit.SearchState

(readonly) stampAnnotationTemplates: Array.<(PSPDFKit.Annotations.StampAnnotation|PSPDFKit.Annotations.ImageAnnotation)>

Returns a deep copy of the latest stamp and image annotation templates. This value changes whenever PSPDFKit.Instance#setStampAnnotationTemplates is called.

Mutating this array will have no effect.

Type:

Array.<(PSPDFKit.Annotations.StampAnnotation|PSPDFKit.Annotations.ImageAnnotation)>

(readonly) toolbarItems: Array.<PSPDFKit.ToolbarItem>

Returns a deep copy of the latest toolbar items. This value changes whenever the user interacts with PSPDFKit or whenever PSPDFKit.Instance.setToolbarItems is called.

Mutating this array will have no effect.

Type:

Array.<PSPDFKit.ToolbarItem>

(readonly) totalPageCount: number

Get the total number of pages for this document

Type:

number

(readonly) viewState: PSPDFKit.ViewState

Returns the latest view state. This value changes whenever the user interacts with PSPDFKit or whenever PSPDFKit.Instance.updateViewState is called.

When you want to keep a reference to the latest view state, you should always listen on the PSPDFKit.Instance~ViewStateChangeEvent to update your reference.

Type:

PSPDFKit.ViewState

Methods

abortPrint()

Aborts the current print job.

Throws:

This method will throw when printing is disabled or no printing is currently being processed.
Type PSPDFKit.Error

addEventListener(action, listener)

This method is used to register event listeners for one of the following events:

The behavior of this method is influenced by the DOM API. It requires an action and a listener. Removing the listener will need the same reference to the listener function. The action name is always starting with a lowercase letter, for example: viewState.change for PSPDFKit.Instance~ViewStateChangeEvent

You can add multiple listeners of the same event types as you would expect. Event listeners can be removed by calling PSPDFKit.Instance#removeEventListener.

When the supplied event is not in the above list, this method will throw a PSPDFKit.Error.

Parameters:

Name	Type	Description
`action`	string	The action you want to add an event listener to. See the above list for possible event types.
`listener`	function	A listener function.

Throws:

Will throw an error when the supplied event is not valid.
Type PSPDFKit.Error

Examples

Adding a listener for the view state changed event

instance.addEventListener("viewState.change", (viewState) => {
  console.log(viewState.toJS());
});

Adding an unknown event will raise an error.

try {
  instance.addEventListener("doesnotexist", () => {});
} catch (error) {
  (error instanceof PSPDFKit.Error); // => true
}

applyOperations(operations) → {Promise.<void>}

Applies operations to the current document. If multiple operations are provided, each operation is performed on the resulting document from the previous operation.

Parameters:

Name	Type	Description
`operations`	Array.<PSPDFKit.DocumentOperation>	Operations to be performed on the document.

Returns:

Promise that resolves with an array of results.

Type: Promise.<void>

Example

Apply 90 degrees rotation to page 0

instance
  .applyOperations([
    {
      type: "rotatePages",
      pageIndexes: [0],
      rotateBy: 90
    }
  ]);

applyRedactions() → {Promise.<void>}

Applies redactions to the current document. This will overwrite the document, removing content irreversibly.

In the process of redacting the content, all the redaction annotations will be removed. Any annotation that is either partially or completely covered by a redaction annotation will be deleted.

Returns:

Promise that resolves when the redactions has been applied.

Type: Promise.<void>

Example

Applies redactions

instance.applyRedactions().then(function() {
  console.log("The document has been redacted.");
});

calculateFittingTextAnnotationBoundingBox(annotation) → {PSPDFKit.Annotations.TextAnnotation}

Takes a PSPDFKit.Annotations.TextAnnotation and returns a new PSPDFKit.Annotations.TextAnnotation where the bounding box is adjusted to fit the annotation and inside the page.

This is using the same calculations as the text annotation editor interface.

Parameters:

Name	Type	Description
`annotation`	PSPDFKit.Annotations.TextAnnotation	The text annotation that needs it's bounding box adjusted.

Returns:

The text annotation that has it's bounding box adjusted.

Type: PSPDFKit.Annotations.TextAnnotation

Example

textAnnotation = instance.calculateFittingTextAnnotationBoundingBox(textAnnotation);

createAnnotation(annotation) → {Promise.<PSPDFKit.Annotations.Annotation>}

Creates a new annotation and assigns an ID. If you need to ensure that that the annotation is persisted by the annotation provider, please refer to: PSPDFKit.Instance#ensureAnnotationSaved.

This method returns a promise that will resolve to the annotation record with the local ID set.

New annotations will be saved to the annotation provider and made visible in the UI instantly.

Parameters:

Name	Type	Description
`annotation`	PSPDFKit.Annotations.Annotation	The annotation that should be created.

Throws:

Will throw an error when supplied annotation already has an ID.
Type PSPDFKit.Error

Returns:

A promise that resolves to the annotation with the ID set.

Type: Promise.<PSPDFKit.Annotations.Annotation>

Example

PSPDFKit.load(configuration).then(function(instance) {
  const annotation = new PSPDFKit.Annotations.InkAnnotation({
    pageIndex: 0,
    lines: PSPDFKit.Immutable.List([
      PSPDFKit.Immutable.List([
        new PSPDFKit.Geometry.DrawingPoint({ x: 0,   y: 0  }),
        new PSPDFKit.Geometry.DrawingPoint({ x: 100, y: 100}),
      ])
    ])
  });
  instance.createAnnotation(annotation).then(function(createdAnnotation) {
    console.log(createdAnnotation);
  });
})

createAttachment(blob) → {Promise.<string>}

Creates a new attachment and returns a Promise that resolves to the created attachments ID.

Parameters:

Name	Type	Description
`blob`	Blob	The attachment data as a Blob object.

Throws:

Will throw an error when the file can not be read.
Type PSPDFKit.Error

Returns:

A promise that resolves to the attachment ID.

Type: Promise.<string>

Example

PSPDFKit.load(configuration).then(function(instance) {
  instance.createAttachment(blob).then(function(attachmentId) {
    console.log(attachmentId);
  });
})

createBookmark(bookmark) → {Promise.<PSPDFKit.Bookmark>}

Creates a new bookmark and assigns an ID. If you need to ensure that that the bookmark is persisted by the bookmark provider, please refer to: PSPDFKit.Instance#ensureBookmarkSaved.

This method returns a promise that will resolve to the bookmark record with the local ID set.

New bookmarks will be saved to the bookmark provider and made visible in the UI instantly.

Parameters:

Name	Type	Description
`bookmark`	PSPDFKit.Bookmark	The bookmark that should be created.

Throws:

Will throw an error when supplied bookmark already has an ID.
Type PSPDFKit.Error

Returns:

A promise that resolves to the bookmark with the ID set.

Type: Promise.<PSPDFKit.Bookmark>

Example

PSPDFKit.load(configuration).then((instance) => {
  const bookmark = new PSPDFKit.Bookmark({
    name: "test",
    action: new PSPDFKit.Actions.URIAction({
      uri: "https://example.com"
    })
  });
  instance.createBookmark(bookmark).then(function(createdBookmark) {
    console.log(createdBookmark);
  });
})

createFormField(FormField) → {Promise.<PSPDFKit.FormFields.FormField>}

Creates a form field. One or more widget annotations previously created should be linked to the form field through its annotationIds property.

Please see our form creation guide article to learn more and see more examples on how to create form fields.

Parameters:

Name	Type	Description
`FormField`	PSPDFKit.FormFields.FormField	A FormField instance.

Throws:

Will throw an error when supplied form field does not have a name.
Type PSPDFKit.Error

Returns:

A promise that resolves to the form field.

Type: Promise.<PSPDFKit.FormFields.FormField>

Example

const widget = new PSPDFKit.Annotations.WidgetAnnotation({
  pageIndex: 0,
  formFieldName: "MyFormField",
  boundingBox: new PSPDFKit.Geometry.Rect({
    left: 100,
    top: 75,
    width: 200,
    height: 80
  })
});
instance.createAnnotation(widget)
  .then(annotation => {
    instance.createFormField(
      new PSPDFKit.FormFields.TextFormField({
        name: "MyFormField",
        annotationIds: new PSPDFKit.Immutable.List([annotation.id])
      });
    )
      .then(formField => {
        console.log("Form field " + formField.name +  " created")
      });
  })

createRedactionsBySearch(term, options) → {Promise.<List.<string>>}

Search in the PDF document and Redaction Annotations to the search results. You can search for a text, regex or use one of the patterns we provide. See PSPDFKit.SearchPattern for the list of all the patterns we support.

The regular expression flavor we use is based on ICU regular expression, which is a derivative of Perl regular expressions.

Notice that matches included when using one of the PSPDFKit.SearchPattern options might overfit the criteria (i.e. include false positive results). This might happen since we strive for including all positive results and avoid data loss. Make sure to review the matches found.

Parameters:

Name Type Description

Name	Type	Description
`term`	string \| PSPDFKit.SearchPattern	The text, regex or pattern you want to search for.
`options`	Object	Search options object: `searchType` {PSPDFKit.SearchType} Redactions Search Type. Default is `PSPDFKit.SearchType.TEXT` `searchInAnnotations` {boolean} set to `false` if you don't want to search in annotations. Default is `true` `annotationPreset` {PSPDFKit.RedactionAnnotationPreset} Redaction annotation preset

term

string | PSPDFKit.SearchPattern

The text, regex or pattern you want to search for.

options

Object

Search options object:

searchType {PSPDFKit.SearchType} Redactions Search Type. Default is PSPDFKit.SearchType.TEXT
searchInAnnotations {boolean} set to false if you don't want to search in annotations. Default is true
annotationPreset {PSPDFKit.RedactionAnnotationPreset} Redaction annotation preset

Returns:

Promise that resolves when the redaction annotations have been created. Returns a list of new Redaction Annotation IDs.

Type: Promise.<List.<string>>

Example

Search and add redactions

instance.createRedactionsBySearch(PSPDFKit.SearchPattern.CREDIT_CARD_NUMBER, {
  searchType: PSPDFKit.SearchType.PRESET,
  searchInAnnotations: true,
 annotationPreset: {
    overlayText: 'Redacted'
  }
}).then(function(ids) {
  console.log("The following annotations have been added:", ids);

  return instance.applyRedactions();
});

// We can add an "annotations.create" event listener and add custom logic based on the
// information for each of the newly created redaction annotations

const {RedactionAnnotation} = PSPDFKit.Annotations
instance.addEventListener("annotations.create", annotations => {
  const redactions = annotations.filter(annot => annot instanceof RedactionAnnotation)
  if (redactions.size > 0) {
    console.log("Redactions: ", redactions.toJS())
  }
});

deleteAnnotation(annotationId) → {Promise.<void>}

Deletes an annotation. This can be called with an annotation ID returned from PSPDFKit.Instance#annotations or PSPDFKit.Instance#createAnnotation.

This method returns a promise that will resolve to undefined.

Deleted annotations will be saved to the annotation provider and made visible in the UI instantly.

If the deleted annotation is a PSPDFKit.Annotations.WidgetAnnotation (which can only be deleted if the Form Designer component is present in the license, and the backend is using a form designer capable provider), and the associated PSPDFKit.FormField only includes that annotation in its annotationIds list, the form field will also be deleted.

If there are more widget annotations remaining in the annotationIds list, as could be the case for radio buttons, for example, the form field's annotationIds property will be updated by removing the deleted annotation's id from it.

Parameters:

Name	Type	Description
`annotationId`	number	The ID of the annotation you want to delete

Throws:

Will throw an error when supplied ID is not a valid annotation ID.
Type PSPDFKit.Error

Returns:

A promise that resolves to undefined.

Type: Promise.<void>

Example

PSPDFKit.load(configuration).then(function(instance) {
  instance.deleteAnnotation(1).then(function() {
    console.log("Annotation 1 deleted.");
  });
});

deleteBookmark(bookmarkId) → {Promise.<void>}

Deletes a bookmark. This can be called with a bookmark ID returned from PSPDFKit.Instance#.getBookmarks or PSPDFKit.Instance#createBookmark.

This method returns a promise that will resolve to undefined.

Deleted bookmarks will be saved to the bookmark provider and made visible in the UI instantly.

Parameters:

Name	Type	Description
`bookmarkId`	number	The ID of the bookmark you want to delete

Throws:

Will throw an error when supplied ID is not a valid bookmark ID.
Type PSPDFKit.Error

Returns:

A promise that resolves to undefined.

Type: Promise.<void>

Example

PSPDFKit.load(configuration).then(function(instance) {
  instance.deleteBookmark(1).then(function() {
    instance.getBookmarks().has(1); // => false
  })
})

deleteFormField(ID) → {Promise.<void>}

Deletes a form field from the document. This method will also delete any widget annotations that may be associated with the form field.

Parameters:

Name	Type	Description
`ID`	string	A FormField instance ID.

Throws:

Will throw an error when a form field with the supplied ID does not exist.
Type PSPDFKit.Error

Returns:

A promise that resolves to undefined.

Type: Promise.<void>

Example

instance.getFormFields().then(formFields =>
  // Deletes the form field
  instance.deleteFormField(formFields.first().id);
);

ensureAnnotationSaved(annotation) → {Promise.<PSPDFKit.Annotations.Annotation>}

Ensures that the annotation has been saved by the annotation provider and returns the current persisted state of the annotation.

This method returns a promise that will resolve to an PSPDFKit.Annotations.Annotation.

Parameters:

Name	Type	Description
`annotation`	PSPDFKit.Annotations.Annotation	The annotation that needs ensuring that it is persisted by AnnotationProvider

Throws:

Will throw an error when supplied annotation has no ID.
Type PSPDFKit.Error

Returns:

A promise that resolves to the current, persisted state of the annotation.

Type: Promise.<PSPDFKit.Annotations.Annotation>

Example

PSPDFKit.load(configuration).then(function(instance) {
  instance.createAnnotation(newAnnotation)
    .then(instance.ensureAnnotationSaved)
    .then(function() {
      console.log('Annotation persisted by annotation provider');
    });
});

ensureBookmarkSaved(bookmark) → {Promise.<PSPDFKit.Bookmark>}

Ensures that the bookmark has been saved by the bookmark provider and returns the current persisted state of the bookmark.

This method returns a promise that will resolve to an PSPDFKit.Bookmark.

Parameters:

Name	Type	Description
`bookmark`	PSPDFKit.Bookmark	The bookmark that needs ensuring that it is persisted by BookmarkProvider

Throws:

Will throw an error when supplied bookmark has no ID.
Type PSPDFKit.Error

Returns:

A promise that resolves to the current, persisted state of the bookmark.

Type: Promise.<PSPDFKit.Bookmark>

Example

PSPDFKit.load(configuration).then(function(instance) {
  instance.createBookmark(newBookmark)
    .then(instance.ensureBookmarkSaved)
    .then(function() {
      console.log('Bookmark persisted by bookmark provider');
    });
});

ensureFormFieldSaved(formField) → {Promise.<PSPDFKit.FormFields.FormField>}

Ensures that the form field has been saved by the form field provider and returns the current persisted state of the form field.

This method returns a promise that will resolve to a PSPDFKit.FormFields.FormField.

Parameters:

Name	Type	Description
`formField`	PSPDFKit.FormFields.FormField	The form field that needs ensuring that it is persisted by FormFieldProvider

Throws:

Will throw an error when supplied annotation has no ID.
Type PSPDFKit.Error

Returns:

A promise that resolves to the current, persisted state of the form field.

Type: Promise.<PSPDFKit.FormFields.FormField>

Example

PSPDFKit.load(configuration).then(function(instance) {
  instance.createFormField(newFormField)
    .then(instance.ensureFormFieldSaved)
    .then(function() {
      console.log('Form field persisted by form field provider');
    });
});

exportInstantJSON() → {Promise.<Object>}

Instant JSON can be used to instantiate a viewer with a diff that is applied to the raw PDF. This format can be used to store annotation and form field value changes on your server and conveniently instantiate the viewer with the same content at a later time.

Instead of storing the updated PDF, this serialization only contains a diff that is applied on top of the existing PDF and thus allows you to cache the PDF and avoid transferring a potentially large PDF all the time.

This method is used to export the current annotations as Instant JSON. Use PSPDFKit.Configuration#instantJSON to load it.

annotations will follow the Instant Annotation JSON format specification. formFieldValues will follow the Instant Form Field Value JSON format specification.

For Server-backed setups, only saved annotations will be exported.

Returns:

Instant JSON as a plain JavaScript object.

Type: Promise.<Object>

Example

instance.exportInstantJSON().then(function (instantJSON) {
  // Persist it to a server
  fetch("https://example.com/annotations", {
    "Content-Type": "application/json",
    method: "POST",
    body: JSON.stringify(instantJSON)
  }).then(...);
});

exportPDF(flags) → {Promise.<ArrayBuffer>}

Exports the PDF contents as an ArrayBuffer. This can be used to download the PDF.

An options object can be passed to the method with two possible flags:

incremental, which will force the document to be incrementally saved if true.
flatten, which will visually embed annotations and form fields in the document and remove them from the document's data.

If the document is digitally signed and the license includes the Digital Signatures component, the method will export the document incrementally saved by default, so as not to corrupt signed data. Otherwise, it will be exported as fully saved by default.

It's not possible to use flatten and incremental both set to true at the same time, as flattening is a destructive operation that will necessarily modify the provided document.

Please see this guide article for more information and examples.

Parameters:

Name Type Description

Name	Type	Description
`flags`	Object	Export options object: `flatten` `{boolean}` Default: `false`. Whether the document annotations should be converted to PDF content and therefore not editable in the future. `incremental` `{boolean}` Default: `false`, or `true` if the document is digitally signed and the license includes the Digital Signatures component. Whether the document should be exported using "full" or "incremental" saving.

flags

Object

Export options object:

flatten {boolean} Default: false. Whether the document annotations should be converted to PDF content and therefore not editable in the future.
incremental {boolean} Default: false, or true if the document is digitally signed and the license includes the Digital Signatures component. Whether the document should be exported using "full" or "incremental" saving.

Returns:

The binary contents of the PDF.

Type: Promise.<ArrayBuffer>

Examples

Export the PDF content

instance.exportPDF().then(function (buffer) {
  buffer; // => ArrayBuffer
});

Download the PDF by using an `<a>` tag

instance.exportPDF().then(function(buffer) {
  const supportsDownloadAttribute = HTMLAnchorElement.prototype.hasOwnProperty(
    "download"
  );
  const blob = new Blob([buffer], { type: "application/pdf" });
  if (navigator.msSaveOrOpenBlob) {
    navigator.msSaveOrOpenBlob(blob, "download.pdf");
  } else if (!supportsDownloadAttribute) {
    const reader = new FileReader();
    reader.onloadend = function() {
      const dataUrl = reader.result;
      downloadPdf(dataUrl);
    };
    reader.readAsDataURL(blob);
  } else {
    const objectUrl = window.URL.createObjectURL(blob);
    downloadPdf(objectUrl);
    window.URL.revokeObjectURL(objectUrl);
  }
});
function downloadPdf(blob) {
  const a = document.createElement("a");
  a.href = blob;
  a.style.display = "none";
  a.download = "download.pdf";
  a.setAttribute("download", "download.pdf");
  document.body.appendChild(a);
  a.click();
  document.body.removeChild(a);
}

exportPDFWithOperations(operations) → {Promise.<ArrayBuffer>}

Exports the PDF contents after applying operations on the current document, which is not modified. If multiple operations are provided, each operation is performed on the resulting document from the previous operation. Returns an ArrayBuffer that can be used to download the PDF.

Parameters:

Name	Type	Description
`operations`	Array.<PSPDFKit.DocumentOperation>	Operations to be performed on the document.

Returns:

Promise that resolves with the binary contents of the modified PDF.

Type: Promise.<ArrayBuffer>

Examples

Export the modified PDF content

const operations = [
  {
    type: "rotatePages",
    pageIndexes: [0],
    rotateBy: 90
  }
];
instance.exportPDFWithOperations(operations).then(function (buffer) {
  buffer; // => ArrayBuffer
});

Download the modified PDF by using an `<a>` tag

const operations = [
  {
    type: "rotatePages",
    pageIndexes: [0],
    rotateBy: 90
  }
];
instance.exportPDFWithOperations(operations).then(function(buffer) {
  const supportsDownloadAttribute = HTMLAnchorElement.prototype.hasOwnProperty(
    "download"
  );
  const blob = new Blob([buffer], { type: "application/pdf" });
  if (navigator.msSaveOrOpenBlob) {
    navigator.msSaveOrOpenBlob(blob, "download.pdf");
  } else if (!supportsDownloadAttribute) {
    const reader = new FileReader();
    reader.onloadend = function() {
      const dataUrl = reader.result;
      downloadPdf(dataUrl);
    };
    reader.readAsDataURL(blob);
  } else {
    const objectUrl = window.URL.createObjectURL(blob);
    downloadPdf(objectUrl);
    window.URL.revokeObjectURL(objectUrl);
  }
});
function downloadPdf(blob) {
  const a = document.createElement("a");
  a.href = blob;
  a.style.display = "none";
  a.download = "download.pdf";
  a.setAttribute("download", "download.pdf");
  document.body.appendChild(a);
  a.click();
  document.body.removeChild(a);
}

exportXFDF() → {Promise.<string>}

XFDF) can be used to instantiate a viewer with a diff that is applied to the raw PDF. This format can be used to store annotation and form field value changes on your server and conveniently instantiate the viewer with the same content at a later time.

This method is used to export the current annotations as XFDF. Use PSPDFKit.Configuration#XFDF to load it.

For Server-backed setups, only saved annotations will be exported.

Returns:

XFDF as a plain text.

Type: Promise.<string>

Example

instance.exportXFDF().then(function (xmlString) {
  // Persist it to a server
  fetch("https://example.com/annotations", {
    "Content-Type": "application/vnd.adobe.xfdf",
    method: "POST",
    body: xmlString
  }).then(...);
});

getAnnotations(pageIndex) → {Promise.<PSPDFKit.Immutable.List.<PSPDFKit.Annotations.Annotation>>}

Returns a PSPDFKit.Immutable.List of PSPDFKit.Annotations for the given pageIndex.

The list contains an immutable snapshot of the currently available annotations in the UI for the page. This means, that the returned list could include invalid annotations. Think for example of the following workflow:

The user creates a new text annotation on a page.
Now, the users double clicks the annotation and removes the text. The annotation is now invalid since it does not have any text. But since the annotation is not yet deselected, we will keep it visible.
Next, the user updates the color of the text by using the annotation toolbar. The annotation will still be invalid although a change occurred.
At the end, the user decides to type more text and deselects the annotation again. The annotation is now valid.

When you want to keep a reference to the latest annotations, you can listen for PSPDFKit.Instance~AnnotationsChangeEvent, PSPDFKit.Instance~AnnotationsWillSaveEvent, or PSPDFKit.Instance~AnnotationsDidSaveEvent to update your reference.

If annotations for this page have not been loaded yet, the promise will resolve only after we have received all annotations.

Parameters:

Name	Type	Description
`pageIndex`	number	The page index for the annotations you want. `pageIndex` is zero-based and has a maximum value of `totalPageCount - 1`

Returns:

Resolves to annotations for the given page.

Type: Promise.<PSPDFKit.Immutable.List.<PSPDFKit.Annotations.Annotation>>

Example

instance.getAnnotations(0).then(function (annotations) {
  annotations.forEach(annotation => {
    console.log(annotation.pageIndex);
  });

  // Filter annotations by type
  annotations.filter(annotation => {
    return annotation instanceof PSPDFKit.Annotation.InkAnnotation;
  })

  // Filter annotations at a specific point
  const pointInFirstPage = new PSPDFKit.Geometry.Point({ x: 20, y: 30 });
  const annotationsAtPointInPage = annotationsOnFirstPage.filter(annotation => {
    return annotation.boundingBox.isPointInside(pointInFirstPage);
  });

  // Get the number of currently loaded annotations
  const totalAnnotations = annotations.size;
})

getAttachment(attachmentId) → {Promise.<?Blob>}

Fetches an attachment based on its ID.

Parameters:

Name	Type	Description
`attachmentId`	string	The ID of the attachments that should be fetched.

Throws:

Will throw an error when the file can not be read.
Type PSPDFKit.Error

Returns:

A promise that resolves to the attachment data.

Type: Promise.<?Blob>

Example

PSPDFKit.load(configuration).then(function(instance) {
  instance.getAttachment("ba7816bf8f01cfea414140de5dae2223b00361a396177a9cb410ff61f20015ad").then(function(image) {
    console.log(image);
  });
})

getBookmarks() → {Promise.<PSPDFKit.Immutable.List.<PSPDFKit.Bookmark>>}

Returns a PSPDFKit.Immutable.List of PSPDFKit.Bookmarks for the current document.

The list contains an immutable snapshot of the currently available bookmarks in the UI for the page.

When you want to keep a reference to the latest bookmarks, you can listen for PSPDFKit.Instance~BookmarksChangeEvent, PSPDFKit.Instance~BookmarksWillSaveEvent, or PSPDFKit.Instance~BookmarksDidSaveEvent to update your reference.

Returns:

Resolves to bookmarks for the given page.

Type: Promise.<PSPDFKit.Immutable.List.<PSPDFKit.Bookmark>>

Example

instance.getBookmarks().then(function (bookmarks) {
  bookmarks.forEach(bookmark => {
    console.log(bookmark.name);
  });

  // Get the number of currently loaded bookmarks
  const totalBookmarks = bookmarks.size;
})

getDocumentOutline() → {Promise.<PSPDFKit.Immutable.List.<PSPDFKit.OutlineElement>>}

Returns the document outline (table of content).

Returns:

A promise that resolves to a PSPDFKit.Immutable.List of PSPDFKit.OutlineElement

Type: Promise.<PSPDFKit.Immutable.List.<PSPDFKit.OutlineElement>>

getFormFields() → {Promise.<PSPDFKit.Immutable.List.<PSPDFKit.FormFields.FormField>>}

Returns a PSPDFKit.Immutable.List of all PSPDFKit.FormFields for this document.

Returns:

Resolves to a list of all form fields.

Type: Promise.<PSPDFKit.Immutable.List.<PSPDFKit.FormFields.FormField>>

Example

instance.getFormFields().then(formFields => {
  formFields.forEach(formField => {
    console.log(formField.name);
  });

  // Filter form fields by type
  formFields.filter(formField => (
    formField instanceof PSPDFKit.FormFields.TextFormField
  ));

  // Get the total number of form fields
  const totalFormFields = formFields.size;
})

getFormFieldValues() → {Object}

Returns a simplified object that contains all form fields currently loaded and maps to their values. This object can be used to serialize form field values.

Values can be of type null, string, or Array.<string>.

This method does not check if all the form fields have been loaded. If you want to make sure that the all the document's form field values are retrieved, you have to make sure that the form fields have been retrieved first.

Returns:

A simplified object that contains all form field values.

Type: Object

Example

await instance.getFormFields()
const formFieldValues = instance.getFormFieldValues();
console.log(formFieldValues); // => { textField: 'Text Value', checkBoxField: ['A', 'B'], buttonField: null }

getInkSignatures() → {Promise.<PSPDFKit.Immutable.List.<PSPDFKit.Annotations.InkAnnotation>>}

Returns a copy of the available ink signatures. Signatures are Ink Annotations and therefore can be converted to JavaScript objects with PSPDFKit.Annotations.toSerializableObject.

When the application doesn't have signatures in store this method will invoke PSPDFKit.Configuration#populateInkAnnotation to retrieve the initial list of annotations.

Returns:

Promise that resolves with an Immutable list of InkSignatures

Type: Promise.<PSPDFKit.Immutable.List.<PSPDFKit.Annotations.InkAnnotation>>

Example

Retrieve the signatures and convert them to JSON

instance
  .getInkSignatures()
  .then(signatures => signatures.map(PSPDFKit.Annotations.toSerializableObject).toJS());

getMarkupAnnotationText(annotation) → {Promise.<string>}

Extracts the text behind a PSPDFKit.Annotations.MarkupAnnotation. This can be useful to get the highlighted text.

Warning: This is only an approximation. Highlighted text might not always 100% represent the text, as we just look behind the absolute coordinates to see what text is beneath. PDF highlight annotations are not markers in the content itself.

Parameters:

Name	Type	Description
`annotation`	PSPDFKit.Annotations.MarkupAnnotation	The text markup annotation you want to extract the text behind.

Returns:

The text behind the annotation.

Type: Promise.<string>

Example

Get the text of all text markup annotations on the first page:

const annotations = await instance.getAnnotations(0);
const markupAnnotations = annotations.filter(
  annotation => annotation instanceof PSPDFKit.Annotations.MarkupAnnotation
);
const text = await Promise.all(
  markupAnnotations.map(instance.getMarkupAnnotationText)
);
console.log(text);

getSelectedAnnotation() → (nullable) {PSPDFKit.Annotations.Annotation}

If an annotation is currently selected (and as well being either created or editable), this function will return the annotation.

Returns:

annotation

Type: PSPDFKit.Annotations.Annotation

getSignaturesInfo() → {Promise.<PSPDFKit.SignaturesInfo>}

Gets the digital signatures validation information for all the signatures present in the current document. See PSPDFKit.SignaturesInfo.

Returns:

Promise that resolves with a PSPDFKit.SignaturesInfo.

Type: Promise.<PSPDFKit.SignaturesInfo>

Example

Retrieve signatures information

instance.getSignaturesInfo()
  .then(signaturesInfo => {
    console.log(signaturesInfo.status)
    if(signaturesInfo.signatures) {
      const invalidSignatures = signaturesInfo.signatures.
        .filter(signature => signature.signatureValidationStatus !== PSPDFKit.SignatureValidationStatus.valid);
      console.log(invalidSignatures);
    }
});

Additional information can be found in
this guide article.

getTextFromRects(pageIndex, rects) → {Promise.<string>}

Given a list of rects and their page index, extracts the text intersecting them. This can be useful to get the text that overlaps a focused annotation to give more context to screen reader users.

Warning: The computed text might be partial as we just look behind the absolute coordinates of a rect to see what text it is intersecting.

Parameters:

Name	Type	Description
`pageIndex`	number	the page index where the rects are located
`rects`	PSPDFKit.Immutable.List.<PSPDFKit.Geometry.Rect>	An immutable list of rects

Returns:

The text that intersect the rects.

Type: Promise.<string>

Example

Get the text of all ink annotations on the first page:

const annotations = await instance.getAnnotations(0);
const inkAnnotationsRects = annotations.filter(
  annotation => annotation instanceof PSPDFKit.Annotations.InkAnnotation
).map(annotation => annotation.boundingBox);
const text = await instance.getTextFromRects(0, inkAnnotationsRects);
console.log(text);

getTextSelection() → {Promise.<?PSPDFKit.TextSelection>}

Gets the current text selection in the document, if any.

Returns:

A promise that resolves to the current text selection, or null if no text is selected.

Type: Promise.<?PSPDFKit.TextSelection>

Example

Get the text selection as a string

const currentSelection = instance.getTextSelection();
if (currentSelection != null) {
  const text = await currentSelection.getText();
  alert(`Selection: '${text}'`);
}

hasUnsavedAnnotations() → {boolean}

Returns true if annotations are not yet sent to the server. This can be used in combination with PSPDFKit.Configuration.autoSaveMode to implement fine grained synchronization controls.

Whenever annotations are forwarded to the server (for example, when calling PSPDFKit.Instance#saveAnnotations), the method will return false again.

Returns:

Whether unsaved annotations are present or not.

Type: boolean

Example

PSPDFKit.load(configuration).then(function(instance) {
  instance.hasUnsavedAnnotations(); // => false
});

hasUnsavedBookmarks() → {boolean}

Returns true if bookmarks are not yet sent to the server. This can be used in combination with PSPDFKit.Configuration.autoSaveMode to implement fine grained synchronization controls.

Whenever bookmarks are forwarded to the server (for example, when calling PSPDFKit.Instance#saveBookmarks), the method will return false again.

Returns:

Whether unsaved bookmarks are present or not.

Type: boolean

Example

PSPDFKit.load(configuration).then(function(instance) {
  instance.hasUnsavedBookmarks(); // => false
});

hasUnsavedChanges() → {boolean}

Returns true if any local changes are not yet saved. This can be used in combination with PSPDFKit.Configuration.autoSaveMode to implement fine grained save controls.

Whenever changes are saved (for example, when calling PSPDFKit.Instance#save), the method will return false again.

Returns:

Whether unsaved changes are present or not.

Type: boolean

Example

PSPDFKit.load(configuration).then(function(instance) {
  instance.hasUnsavedChanges(); // => false
});

hasUnsavedComments() → {boolean}

Returns true if comments are not yet sent to the server. This can be used in combination with PSPDFKit.Configuration.autoSaveMode to implement fine grained synchronization controls.

Whenever comments are forwarded to the server (for example, when calling PSPDFKit.Instance#saveComments), the method will return false again.

Returns:

Whether unsaved comments are present or not.

Type: boolean

Example

PSPDFKit.load(configuration).then(function(instance) {
  instance.hasUnsavedComments(); // => false
});

hasUnsavedFormFields() → {boolean}

Returns true if form fields are not yet sent to the server. This can be used in combination with PSPDFKit.Configuration.autoSaveMode to implement fine grained synchronization controls.

Whenever form fields are forwarded to the server (for example, when calling PSPDFKit.Instance#saveFormFields), the method will return false again.

Returns:

Whether unsaved form fields are present or not.

Type: boolean

Example

PSPDFKit.load(configuration).then(function(instance) {
  instance.hasUnsavedFormFields(); // => false
});

hasUnsavedFormFieldValues() → {boolean}

Returns true if form field values are not yet sent to the server. This can be used in combination with PSPDFKit.Configuration.autoSaveMode to implement fine grained synchronization controls.

Whenever form field values are forwarded to the server (for example, when calling PSPDFKit.Instance#setFormFieldValues), the method will return false again.

Returns:

Whether unsaved form field values are present or not.

Type: boolean

Example

PSPDFKit.load(configuration).then((instance) => {
  instance.hasUnsavedFormFieldValues(); // => false
})

jumpAndZoomToRect(pageIndex, rect)

Brings the rect (in PDF page coordinates) into the viewport. This function will also change the zoom level so that the rect is visible completely in the best way possible.

Parameters:

Name	Type	Description
`pageIndex`	number	The index of the page you want to have information about. If none is provided, the first page (pageIndex `0`) will be used.
`rect`	PSPDFKit.Geometry.Rect	The rect in PDF page coordinates that you want to jump to.

Throws:

Will throw an error when the supplied arguments are not valid.
Type PSPDFKit.Error

Example

Jump and zoom to the ink annotation

instance.jumpAndZoomToRect(inkAnnotation.pageIndex, inkAnnotation.boundingBox);

jumpToRect(pageIndex, rect)

Brings the rect (in PDF page coordinates) into the viewport. This function will not change the zoom level.

This can be used to scroll to specific annotations or search results.

Parameters:

Name	Type	Description
`pageIndex`	number	The index of the page you want to have information about. If none is provided, the first page (pageIndex `0`) will be used.
`rect`	PSPDFKit.Geometry.Rect	The rect in PDF page coordinates that you want to jump to.

Throws:

Will throw an error when the supplied arguments is not valid.
Type PSPDFKit.Error

Example

Jump to the ink annotation

instance.jumpToRect(inkAnnotation.pageIndex, inkAnnotation.boundingBox);

pageInfoForIndex(pageIndex) → (nullable) {PSPDFKit.PageInfo}

Get the PageInfo for the specified pageIndex. If there is no page at the given index, it will return null.

Parameters:

Name	Type	Description
`pageIndex`	number	The index of the page you want to have information about

Returns:

The PageInfo or null.

Type: PSPDFKit.PageInfo

print(printModenullable)

Print the document programmatically.

Parameters:

Name	Type	Attributes	Description
`printMode`	PSPDFKit.PrintMode	<nullable>	Optional print mode. See PSPDFKit.PrintMode.

Throws:

This method will throw when printing is disabled, currently in process or when an invalid PSPDFKit.PrintMode was supplied.
Type PSPDFKit.Error

removeCustomOverlayItem(id)

This method is used to remove an existing PSPDFKit.CustomOverlayItem.

Parameters:

Name	Type	Description
`id`	string	The `id` of the item to remove.

Example

Create and then remove a text node.

const id = "1";
const item = new PSPDFKit.CustomOverlayItem({
 id: id,
 node: document.createTextNode("Hello from PSPDFKit for Web."),
 pageIndex: 0,
 position: new PSPDFKit.Geometry.Point({ x: 100, y: 200 }),
});
instance.setCustomOverlayItem(item);

instance.removeCustomOverlayItem(id);

removeEventListener(action, listener)

This method can be used to remove an event listener registered via PSPDFKit.Instance#addEventListener.

It requires the same reference to the function that was used when registering the function (equality will be verified the same way as it is in the DOM API).

Parameters:

Name	Type	Description
`action`	string	The action you want to add an event listener to. See the list on PSPDFKit.Instance#addEventListener for possible event types.
`listener`	function	A listener function.

Throws:

Will throw an error when the supplied event is not valid.
Type PSPDFKit.Error

Examples

Proper approach - Use the same reference for registering and removing

const callback = someFunction.bind(this)
instance.addEventListener("viewState.zoom.change", callback);
instance.removeEventListener("viewState.zoom.change", callback);

Wrong approach - Creates two different functions

instance.addEventListener("viewState.zoom.change", someFunction.bind(this));
// This will not work because `Function#bind()` will create a new function!
instance.removeEventListener("viewState.zoom.change", someFunction.bind(this));

renderPageAsArrayBuffer(dimension, pageIndex) → {Promise.<ArrayBuffer>}

Standalone Only

Provided a dimension and pageIndex renders a page of a document and returns the result as ArrayBuffer. This can be used as thumbnail.

You can specify a width or height (but not both at the same time) as the first dimension argument, each accepts a value in the interval (0; 5000]. The other dimension will be calculated based on the aspect ratio of the document.

This method can be used to provide thumbnail images for your document list. You can use it in a <canvas> tag. The following example will load the cover of the loaded document with a width of 400px. We set the width of the <canvas> tag to 200px, so the image will be sharp on high DPI screens.

Parameters:

Name Type Description

dimension

The size of the resulting image. Only accepts either width or height, but not both. The other dimension will be calculated accordingly.

Properties

Name	Type	Description
`width`	number	The width of the resulting image.
`height`	number	The height of the resulting image.

pageIndex

number

The index of the page you want to have information about.

Returns:

The raw image as bitmap.

Type: Promise.<ArrayBuffer>

Example

const pageWidth = instance.pageInfoForIndex(0).width;
const pageHeight = instance.pageInfoForIndex(0).height;

const width = 400;
const height = Math.round(width * pageHeight / pageWidth);

instance.renderPageAsArrayBuffer({ width }, 0).then(function(buffer) {
  const canvas = document.createElement('canvas');
  canvas.width = width;
  canvas.height = height;

  canvas.style.transformOrigin = "0 0";
  canvas.style.transform = "scale(0.5)";

  const imageView = new Uint8Array(buffer);
  const ctx = canvas.getContext("2d");
  const imageData = ctx.createImageData(width, height);
  imageData.data.set(imageView);
  ctx.putImageData(imageData, 0, 0);

  document.body.appendChild(canvas);
});

renderPageAsImageURL(dimension, pageIndex) → {Promise.<string>}

Generates a URL to an image for the first page of a document or the page of the provided pageIndex. This can be used as thumbnail.

This endpoint can be used to provide thumbnail images for your document list. You can use it as a src for an img tag. The following example will load the cover of the loaded document with a width of 400px.

The returned URL is a Blob URL, except when called from IE11, which will return a data URL instead to avoid known image rendering problems in that browser.

In order to prevent memory leaks, it's recommended to revoke the returned object URL once the image is no longer needed, as in the example.

Parameters:

Name Type Description

dimension

The size of the resulting image. Only accepts either width or height, but not both. The other dimension will be calculated accordingly.

Properties

Name	Type	Description
`width`	number	The width of the resulting image.
`height`	number	The height of the resulting image.

pageIndex

number

The index of the page you want to have information about.

Returns:

The image url.

Type: Promise.<string>

Example

let objectURL
instance.renderPageAsImageURL({ width: 400 }, 0).then(function(src) {
  const image = document.createElement('img');
  image.src = src;
  objectURL = src;
  document.body.appendChild(image);
});
// Once the image is no longer needed, we revoke the URL so that the associated
// Blob is released.
function callWhenTheImageIsNoLongerNeeded() {
  // Is it an object URL?
  if (objectURL.split("://")[0] === "blob") {
    URL.revokeObjectURL(objectURL);
  }
}

save() → {Promise.<void>}

With PSPDFKit.AutoSaveMode it's possible to define when local changes get saved, but it's also possible to define the point to save changes yourself.

By choosing PSPDFKit.AutoSaveMode.DISABLED, nothing gets saved automatically, but by calling save, it's possible to manually trigger save. This can be useful when you want to have full control when new changes get saved to your backend.

Returns:

Promise that resolves once the changes have been saved.

Type: Promise.<void>

Example

PSPDFKit.load(configuration).then(async (instance) => {
  const annotation = new PSPDFKit.Annotations.InkAnnotation({
    pageIndex: 0,
    lines: PSPDFKit.Immutable.List([
      PSPDFKit.Immutable.List([
        new PSPDFKit.Geometry.DrawingPoint({ x: 0,   y: 0  }),
        new PSPDFKit.Geometry.DrawingPoint({ x: 100, y: 100}),
      ])
    ])
  });

 await instance.createAnnotation(annotation);

 await instance.save(); // Now the annotation gets saved.
})

saveAnnotations() → {Promise.<void>}

With PSPDFKit.AutoSaveMode it's possible to define when annotations get saved to the annotation provider, but it's also possible to define the point to save annotations yourself.

By choosing PSPDFKit.AutoSaveMode.DISABLED, nothing gets saved to the annotation provider automatically, but by calling saveAnnotations, it's possible to manually trigger save. This can be useful when you want to have full control when new changes get saved to your backend.

Returns:

Promise that resolves once the annotations have been persisted.

Type: Promise.<void>

Example

PSPDFKit.load(configuration).then((instance) => {
  const annotation = new PSPDFKit.Annotations.InkAnnotation({
    pageIndex: 0,
    lines: PSPDFKit.Immutable.List([
      PSPDFKit.Immutable.List([
        new PSPDFKit.Geometry.DrawingPoint({ x: 0,   y: 0  }),
        new PSPDFKit.Geometry.DrawingPoint({ x: 100, y: 100}),
      ])
    ])
  });

 instance.createAnnotation(annotation);

 instance.saveAnnotations(); // Now the annotation gets saved to the annotation provider.
})

saveBookmarks() → {Promise.<void>}

With PSPDFKit.AutoSaveMode it's possible to define when bookmarks are saved to the bookmark provider, but it's also possible to define the point to save bookmarks yourself.

By choosing PSPDFKit.AutoSaveMode.DISABLED, nothing is saved to the bookmark provider automatically. However it's possible to manually trigger save by calling saveBookmarks. This can be useful when you want to have full control when new changes get saved to your backend.

Returns:

Promise that resolves once the bookmarks have been persisted.

Type: Promise.<void>

Example

PSPDFKit.load(configuration).then((instance) => {
  const bookmark = new PSPDFKit.Bookmark({
    name: "test",
    action: new PSPDFKit.Actions.URIAction({
      uri: "https://example.com"
    })
  });

 instance.createBookmark(bookmark);

 instance.saveBookmarks(); // Now the bookmark gets saved to the bookmark provider.
})

saveComments() → {Promise.<void>}

With PSPDFKit.AutoSaveMode it's possible to define when comments get saved to the comment provider, but it's also possible to define the point to save comments yourself.

By choosing PSPDFKit.AutoSaveMode.DISABLED, nothing gets saved to the comment provider automatically, but by calling saveComments, it's possible to manually trigger save. This can be useful when you want to have full control when new changes get saved to your backend.

Returns:

Promise that resolves once the comments have been persisted.

Type: Promise.<void>

Example

PSPDFKit.load(configuration).then(async (instance) => {
 // add comment via UI

 await instance.saveComments(); // Now the comments get saved to the comments provider.
})

saveFormFields() → {Promise.<void>}

With PSPDFKit.AutoSaveMode it's possible to define when form fields get saved to the form field provider, but it's also possible to define the point to save form fields yourself.

By choosing PSPDFKit.AutoSaveMode.DISABLED, nothing gets saved to the form field provider automatically, but by calling instance.saveFormFields(), it's possible to manually trigger save. This can be useful when you want to have full control when new changes get saved to your backend.

Before creating a form field, you should create the widget annotations that will be associated with it, and pass their 'ids' in the form field constructor, as in the following code.

Returns:

Promise that resolves once the form fields have been persisted.

Type: Promise.<void>

Example

PSPDFKit.load(configuration).then((instance) => {
  const widget = new PSPDFKit.Annotations.WidgetAnnotation({
    pageIndex: 0,
    formFieldName: "MyFormField",
    boundingBox: new PSPDFKit.Geometry.Rect({
      left: 100,
      top: 75,
      width: 200,
      height: 80
    })
  );
  instance.createAnnotation(widget)
    .then(annotation => {
      instance.createFormField(
        new PSPDFKit.FormFields.TextFormField({
          name: "MyFormField",
          annotationIds: new PSPDFKit.Immutable.List([annotation.id])
        })
      )
        .then(() => {
          instance.saveAnnotations(); // Save the form field's associated widget annotation.
          instance.saveFormFields(); // Now the form field gets saved to the form field provider.
        });

saveFormFieldValues() → {Promise.<void>}

With PSPDFKit.AutoSaveMode it's possible to define when form field values get saved to the data provider, but it's also possible to define the point to save form fields yourself.

By choosing PSPDFKit.AutoSaveMode.DISABLED, nothing gets saved to the data provider automatically, but by calling saveFormFieldValues, it's possible to manually trigger save. This can be useful when you want to have full control when new changes get saved to your backend.

Returns:

Promise that resolves once the values have been persisted.

Type: Promise.<void>

Example

PSPDFKit.load(configuration).then((instance) => {
  instance.setFormFieldValues({ foo: "bar" });
  instance.saveFormFieldValues(); // Now the change gets saved to the data provider.
})

search(term, options) → {Promise.<PSPDFKit.Immutable.List.<PSPDFKit.SearchResult>>}

Queries the PDF backend for all search results of a given term. The minimum query length for the term query to be performed can be retrieved from PSPDFKit.Instance#minQueryLength. Shorter queries will throw an error.

Parameters:

Name Type Description

term

string

The search term.

options

Optional parameters used for search operation.

Properties

Name	Type	Description
`startPageIndex`	number	The page index to start searching from. `options.endPageIndex` must be provided if this parameter is given.
`endPageIndex`	number	The last page index to search. `options.startPageIndex` must be provided if this parameter is given.

Returns:

Resolves to an immutable list of search results.

Type: Promise.<PSPDFKit.Immutable.List.<PSPDFKit.SearchResult>>

Examples

Search for all occurrences of `foo`

instance.search("foo").then(results => {
  console.log(results.size);
});

Search within a page range.

instance.search("foo", { startPageIndex: 1, endPageIndex: 4 }).then(results => {
  console.log(results.size);
});

setAnnotationCreatorName(annotationCreatorNamenullable)

Sets the annotation creator name. Each created annotation will have the creators name set in the author property.

Parameters:

Name	Type	Attributes	Description
`annotationCreatorName`	string	<nullable>

setAnnotationPresets(stateOrFunction)

This method is used to update the annotation presets.

It makes it possible to add new annotation presets and edit or remove existing ones.

When you pass in an object with keyed PSPDFKit.AnnotationPreset, the current annotation presets will be immediately updated. Calling this method is also idempotent.

If you pass in a function, it will be immediately invoked and will receive the current {string: <PSPDFKit.AnnotationPreset>} object as argument. You can use this to modify the object based on its current value. This type of update is guaranteed to be atomic - the value of currentAnnotationPresets can't change in between. See: AnnotationPresetsSetter

When one of the supplied PSPDFKit.AnnotationPreset is invalid, this method will throw an PSPDFKit.Error that contains a detailed error message.

Since annotationPresets is a regular JavaScript object, it can be manipulated using standard Object methods.

Parameters:

Name	Type	Description
`stateOrFunction`	Object.<string, PSPDFKit.AnnotationPreset> \| PSPDFKit.Instance~AnnotationPresetsSetter	Either a new AnnotationPresets `object` which would overwrite the existing one, or a callback that will get invoked with the current annotation presets and is expected to return the new annotation presets `object`.

Throws:

Will throw an error when the supplied annotation preset object is not valid.
Type PSPDFKit.Error

Examples

The new changes will be applied immediately

instance.setAnnotationPresets(newAnnotationPresets);
instance.annotationPresets === newAnnotationPresets; // => true

Adding an annotation preset for an ellipse annotation variant.

const myAnnotationPreset = {
  dashedEllipse: {
    strokeDashArray: [3, 3],
  }
}
instance.setAnnotationPresets(annotationPresets => ({ ...annotationPresets, myAnnotationPreset })

setCurrentAnnotationPreset(AnnotationPresetIDnullable)

This method is used to set the current active annotation preset.

It makes it possible to specify what annotation preset should be used when new annotations are created in the UI by passing the annotation preset key string as argument.

The current annotation preset is set when the toolbar annotation buttons are used to create annotations. This method allows to set the current annotation preset programmatically, as well as resetting it by passing null as argument.

When the supplied key does not correspond with an existing PSPDFKit.AnnotationPreset, this method will throw an PSPDFKit.Error that contains a detailed error message.

Parameters:

Name	Type	Attributes	Description
`AnnotationPresetID`	string	<nullable>	Annotation preset name.

Throws:

Will throw an error when the supplied annotation preset key does not exist.
Type PSPDFKit.Error

Examples

The new changes will be applied immediately

instance.setCurrentAnnotationPreset("ink");
instance.currentAnnotationPreset === "ink"; // => true

Setting an annotation preset for a closed arrow line annotation.

instance.setAnnotationPresets(annotationPresets => {
  return {
    ...annotationPresets,
    line: {
      ...annotationPresets.line,
      lineCaps: {
        end: "closedArrow"
      }
    }
  }
});
instance.setCurrentAnnotationPreset("line");
instance.setViewState(viewState =>
  viewState.set("interactionMode", PSPDFKit.InteractionMode.SHAPE_LINE),
);

setCustomOverlayItem(item)

This method is used to set a new PSPDFKit.CustomOverlayItem or update an existing one.

Parameters:

Name	Type	Description
`item`	PSPDFKit.CustomOverlayItem	The item to create or update.

Examples

Add a text node to the first page.

let item = new PSPDFKit.CustomOverlayItem({
 id: "1",
 node: document.createTextNode("Hello from PSPDFKit for Web."),
 pageIndex: 0,
 position: new PSPDFKit.Geometry.Point({ x: 100, y: 200 }),
});
instance.setCustomOverlayItem(item);

Update a text node.

item = item.set("node", document.createTextNode("Hello again my friend!!!"));
instance.setCustomOverlayItem(item);

setCustomRenderers(customRenderers)

Sets the current custom renderers. When this function is called with a new PSPDFKit.CustomRenderers object, all visible custom rendered annotations are immediately updated.

Parameters:

Name	Type	Description
`customRenderers`	PSPDFKit.CustomRenderers

setEditableAnnotationTypes(editableAnnotationTypes)

This method is used to update the editable annotation types.

When one of the supplied PSPDFKit.Annotations.Annotation is invalid, this method will throw an PSPDFKit.Error that contains a detailed error message.

Parameters:

Name	Type	Description
`editableAnnotationTypes`	Array.<PSPDFKit.Annotations.Annotation>

Throws:

Will throw an error when the supplied array is not valid.
Type PSPDFKit.Error

Example

Only allow editing ink annotations

instance.setEditableAnnotationTypes([PSPDFKit.Annotations.InkAnnotation]);
instance.editableAnnotationTypes === [PSPDFKit.Annotations.InkAnnotation]; // => true

setEditingAnnotation(annotationOrAnnotationIdnullable, autoSelectTextnullable)

Selects an annotation in the user interface and enters edit mode. If annotationOrAnnotationId is empty, the current selection will be cleared instead.

This method works with PSPDFKit.Annotations.TextAnnotation and PSPDFKit.Annotations.NoteAnnotation. When called with other annotation types that don't have any text it will simply select the annotation.

Parameters:

Name	Type	Attributes	Description
`annotationOrAnnotationId`	PSPDFKit.Annotations.Annotation \| string	<nullable>	The annotation model or annotation ID you want to set as selected. If `null` is used, the current selection will be cleared instead.
`autoSelectText`	boolean	<nullable>	Whether the text should be automatically selected.

setFormFieldValues(object)

Updates the values of form fields. It's possible to update multiple form fields at once.

The object must use the PSPDFKit.FormFields.FormField#name as a key and the values must be of type null, string, or Array.<string>. A null value will reset the form field to either null, or its default value if available.

Parameters:

Name	Type	Description
`object`	Object	An object that contains the form field names that should be updated as keys and their value as values.

Example

instance.setFormFieldValues({
  textField: "New Value",
  checkBoxField: ["B", "C"],
});

setInkSignatures(InkSignaturesOrFunction)

This method is used to update the ink signatures list. It makes it possible to add new signatures and edit or remove existing ones.

Ink Signatures are Ink Annotations whose pageIndex and boundingBox is calculated at creation time. When selected via UI such annotations are used as template to create a new PSPDFKit.Annotations.InkAnnotations. . When you pass in a List of PSPDFKit.Annotations.InkAnnotation, the current list of signatures will be immediately updated. Calling this method is also idempotent.

If you pass in a function, it will be invoked with the current List of PSPDFKit.Annotations.InkAnnotation as argument. You can use this to modify the list based on its current value. This type of update is guaranteed to be atomic - the value of getInkSignatures() can't change in between. See: InkSignaturesSetter

When the application doesn't have signatures in store this method will invoke PSPDFKit.Configuration#populateInkAnnotation to retrieve the initial list of annotations and it will pass it to your function.

When the list is invalid, this method will throw an PSPDFKit.Error that contains a detailed error message.

Parameters:

Name	Type	Description
`InkSignaturesOrFunction`	Array.<PSPDFKit.ToolbarItem> \| PSPDFKit.Instance~InkSignaturesSetter	Either a new `array` of InkSignatures which would overwrite the existing one, or a callback that will get invoked with the current toolbar items and is expected to return the new `array` of items.

Throws:

Will throw an error when the supplied items array is not valid.
Type PSPDFKit.Error

Examples

Fetch and set a list of signatures

const signatures = fetch("/signatures")
  .then(r => r.json())
  .then(a => (
      new PSPDFKit.Immutable.List(
         a.map(PSPDFKit.Annotations.fromSerializableObject)
      )
    )
  );
signatures.then(signatures => { instance.setInkSignatures(signatures) });

Use ES2015 arrow functions and the update callback to reduce boilerplate

instance.setInkSignatures(signatures => signatures.reverse());

Add a Ink Signature to the existing list

const signature = new PSPDFKit.Annotations.InkAnnotation({ lines: ..., boundingBox: ... });

instance.setInkSignatures(signatures => signatures.push(signature));

Remove the first Ink Signature from the list

instance.setInkSignatures(signatures => signatures.shift());

setIsEditableAnnotation(isEditableAnnotationCallback)

This method is used to update the isEditableAnnotation callback

When the supplied callback is invalid it will throw a PSPDFKit.Error that contains a detailed error message.

Parameters:

Name	Type	Description
`isEditableAnnotationCallback`	PSPDFKit.IsEditableAnnotationCallback

Throws:

Will throw an error when the supplied array is not valid.
Type PSPDFKit.Error

Example

Only allow editing annotations from a specific creator name

instance.setIsEditableAnnotation((annotation) => annotation.creatorName === "Alice");

setIsEditableComment(isEditableCommentCallback)

This method is used to update the isEditableComment callback

When the supplied callback is invalid it will throw a PSPDFKit.Error that contains a detailed error message.

To learn more check this guide article.

Parameters:

Name	Type	Description
`isEditableCommentCallback`	PSPDFKit.IsEditableCommentCallback

Throws:

Will throw an error when the supplied array is not valid.
Type PSPDFKit.Error

Example

Only allow editing comments from a specific creator name

instance.setIsEditableComment((comment) => comment.creatorName === myCurrentUser.name);

setLocale(locale) → {Promise}

Sets the locale for the application. When setting a locale that doesn't exist it tries to fall back to the parent locale when available. For example en-US falls back to en.

See PSPDFKit.I18n.locales to get a list of all the available locales.

Parameters:

Name	Type	Description
`locale`	string	The locale to set the app to. It must be one of PSPDFKit.I18n.locales.

Throws:

Will throw an error when the locale does not exist.
Type PSPDFKit.Error

Returns:

void Returns a promise that resolves once the locale is set.

Type: Promise

setSearchState(SearchStateOrFunction)

This method is used to update the UI search state of the PDF editor.

When you pass in a PSPDFKit.SearchState, the current state will be immediately overwritten. Calling this method is also idempotent.

If you pass in a function, it will be immediately invoked and will receive the current PSPDFKit.SearchState as a property. You can use this to change state based on the current value. This type of update is guaranteed to be atomic - the value of currentState can't change in between. See: SearchStateUpdater

When the supplied PSPDFKit.SearchState is invalid, this method will throw an PSPDFKit.Error that contains a detailed error message.

PSPDFKit.SearchState#minSearchQueryLength is a readonly property and cannot be changed. If the provided PSPDFKit.SearchState object includes a modified minSearchQueryLength property, a warning will be shown and only changes to other properties will be applied.

Parameters:

Name	Type	Description
`SearchStateOrFunction`	PSPDFKit.SearchState \| PSPDFKit.Instance~SearchStateUpdater	Either a new SearchState which would overwrite the existing one, or a callback that will get invoked with the current search state and is expected to return the new state.

Throws:

Will throw an error when the supplied state is not valid.
Type PSPDFKit.Error

Example

Update values for the immutable search state object

const state = instance.SearchState;
const newState = state.set("isLoading", true);
instance.setSearchState(newState);

setSelectedAnnotation(annotationOrAnnotationIdnullable)

Selects an annotation in the user interface. If annotationOrAnnotationId is empty, the current selection will be cleared instead.

Parameters:

Name	Type	Attributes	Description
`annotationOrAnnotationId`	PSPDFKit.Annotations.Annotation \| string	<nullable>	The annotation model or annotation ID you want to set as selected. If `null` is used, the current selection will be cleared instead.

setStampAnnotationTemplates(stateOrFunction)

This method is used to update the stamp annotation templates.

It makes it possible to add new stamp and image annotation templates and edit or remove existing ones.

When you pass in an array with PSPDFKit.Annotations.StampAnnotation, the current templates will be immediately updated. Calling this method is also idempotent.

If you pass in a function, it will be immediately invoked and will receive the current Array<PSPDFKit.Annotations.StampAnnotation | PSPDFKit.Annotations.ImageAnnotation> Array as argument. You can use this to modify the array based on its current value. This type of update is guaranteed to be atomic - the value of currentStampAnnotationTemplates can't change in between. See: StampAnnotationTemplatesSetter

When one of the supplied PSPDFKit.Annotations.StampAnnotation or PSPDFKit.Annotations.ImageAnnotation is invalid, this method will throw a PSPDFKit.Error that contains a detailed error message.

Since stampAnnotationTemplates is a regular JavaScript Array, it can be manipulated using standard Array methods.

Parameters:

Name	Type	Description
`stateOrFunction`	Array.<(PSPDFKit.Annotations.StampAnnotation\|PSPDFKit.Annotations.ImageAnnotation)> \| PSPDFKit.Instance~StampAnnotationTemplatesSetter	Either a new StampAnnotationTemplates `Array` which would overwrite the existing one, or a callback that will get invoked with the current stamp and image annotation templates and is expected to return the new stamp annotation stamps `Array`.

Throws:

Will throw an error when the supplied stamp annotation template array is not valid.
Type PSPDFKit.Error

Examples

The new changes will be applied immediately

instance.setStampAnnotationTemplates(newStampAnnotationTemplates);
instance.stampAnnotationTemplates === newStampAnnotationTemplates; // => true

Adding a stamp annotation template.

const myStampAnnotationTemplate = new PSPDFKit.Annotations.StampAnnotation({
  stampType: "Custom",
  title: "My custom template title",
  subtitle: "Custom subtitle",
  boundingBox: new PSPDFKit.Geometry.Rect({ left: 0, top: 0, width: 192, height: 64 })
});
instance.setStampAnnotationTemplates(stampAnnotationTemplates => [ ...stampAnnotationTemplates, myStampAnnotationTemplate ]);

setToolbarItems(toolbarItemsOrFunction)

This method is used to update the main toolbar items of the PDF editor. It makes it possible to add new items and edit or remove existing ones.

When you pass in an array of PSPDFKit.ToolbarItem, the current items will be immediately updated. Calling this method is also idempotent.

If you pass in a function, it will be immediately invoked and will receive the current array of PSPDFKit.ToolbarItem as argument. You can use this to modify the list based on its current value. This type of update is guaranteed to be atomic - the value of currentToolbarItems can't change in between. See: ToolbarItemsSetter

When one of the supplied PSPDFKit.ToolbarItem is invalid, this method will throw an PSPDFKit.Error that contains a detailed error message.

Since items is a regular JavaScript Array of object literals it can be manipulated using standard array methods like forEach, map, reduce, splice and so on. Additionally you can use any 3rd party library for array manipulation like lodash or just.

Parameters:

Name	Type	Description
`toolbarItemsOrFunction`	Array.<PSPDFKit.ToolbarItem> \| PSPDFKit.Instance~ToolbarItemsSetter	Either a new `array` of ToolbarItems which would overwrite the existing one, or a callback that will get invoked with the current toolbar items and is expected to return the new `array` of items.

Throws:

Will throw an error when the supplied items array is not valid.
Type PSPDFKit.Error

Examples

Reverse the order of the toolbar items

const items = instance.toolbarItems;
items.reverse();
instance.setToolbarItems(newState);

Use ES2015 arrow functions and the update callback to reduce boilerplate

instance.setToolbarItems(items => items.reverse());

The new changes will be applied immediately

instance.setToolbarItems(newItems);
instance.toolbarItems === newItems; // => true

Adding a button that's always visible on the right hand side of the `zoom-in` button.

const myButton = {
  type: "custom",
  id: "my-button",
  title: "Test Button",
  icon: "https://example.com/icon.jpg",
  onPress() {
    alert("test");
  }
  // mediaQueries is not defined so it will always be shown
};
instance.setToolbarItems(items => {
  items.forEach((item, index) => {
    if (item.name === "spacer") {
      items.splice(index + 1, 0,  myButton);
    }
  });
  return items;
});

Changing a property of a custom button

const myButton = {
  type: "custom",
  id: "my-button",
  title: "Test Button",
  icon: "https://example.com/icon.jpg",
  disabled: true,
  onPress() {
    alert("test");
  },
};

PSPDFKit.load({
  toolbarItems: [...PSPDFKit.defaultToolbarItems, myButton],
  // ...
}).then(instance => {
  instance.setToolbarItems(items =>
    items.map(item => {
      if (item.id === "my-button") {
        item.disabled = false;
      }
      return item;
    })
  );
});

setViewState(viewStateOrFunction)

This method is used to update the UI state of the PDF editor.

When you pass in a PSPDFKit.ViewState, the current state will be immediately overwritten. Calling this method is also idempotent.

If you pass in a function, it will be immediately invoked and will receive the current PSPDFKit.ViewState as a property. You can use this to change state based on the current value. This type of update is guaranteed to be atomic - the value of currentState can't change in between. See: ViewStateUpdater

Be aware that this behavior is different from a React component's setState, because it will not be deferred but initially applied. If you want to, you can always add deferring behavior yourself. The approach we choose (immediate applying) makes it possible to control exactly when the changes are flushed, which will allow fine control to work with other frameworks (e.g. runloop-based frameworks like Ember).

Whenever this method is called (and actually changes the view state), the instance will trigger an PSPDFKit.Instance~ViewStateChangeEvent. However, if you use this method to change properties of the view state at once (e.g. zooming and currentPageIndex at the same time), the PSPDFKit.Instance~ViewStateChangeEvent will only be triggered once. The PSPDFKit.Instance~ViewStateChangeEvent will be triggered synchronously, that means that the code will be called before this function exits. This is true for both passing in the state directly and passing in an update function.

When the supplied PSPDFKit.ViewState is invalid, this method will throw an PSPDFKit.Error that contains a detailed error message.

Parameters:

Name	Type	Description
`viewStateOrFunction`	PSPDFKit.ViewState \| PSPDFKit.Instance~ViewStateUpdater	Either a new ViewState which would overwrite the existing one, or a callback that will get invoked with the current view state and is expected to return the new state.

Throws:

Will throw an error when the supplied state is not valid.
Type PSPDFKit.Error

Examples

Update values for the immutable state object

const state = instance.viewState;
const newState = state.set("currentPageIndex", 2);
instance.setViewState(newState);

Use ES2015 arrow functions and the update callback to reduce boilerplate

instance.setViewState(state => state.set("currentPageIndex", 2));

The state will be applied immediately

instance.setViewState(newState);
instance.viewState === newState; // => true

When the state is invalid, it will throw a PSPDFKit.Error

try {
  // Non existing page index
  instance.setViewState(state => state.set("currentPageIndex", 2000));
} catch (error) {
  error.message; // => "The currentPageIndex set on the new ViewState is out of bounds.
                 //     The index is expected to be in the range from 0 to 5 (inclusive)"
}

signDocument(signaturePreparationDatanullable, twoStepSignatureCallbackOrSigningServiceData) → {Promise.<void>}

Digitally signs the document. On Standalone it makes use of the signing service provided in the callback argument. On Server, you can optionally specify additional data to be passed to the signing service.

Check the related guide article.

Parameters:

Name	Type	Attributes	Description
`signaturePreparationData`	PSPDFKit.SignaturePreparationData	<nullable>	Properties to prepare the signature with.
`twoStepSignatureCallbackOrSigningServiceData`	PSPDFKit.TwoStepSignatureCallback \| PSPDFKit.SigningServiceData		Either a callback to be executed when the document is ready for signing (Standalone only) or optional data to be passed to the signing service (Server only).

Returns:

Promise that resolves when the document is signed.

Type: Promise.<void>

Examples

Sign document (Standalone)

instance.signDocument(null, function({ hash, fileContents }) {
  return new Promise(function(resolve, reject) {
    const PKCS7Container = getPKCS7Container(hash, fileContents);
    if (PKCS7Container != null) {
      return resolve(PKCS7Container)
    }
    reject(new Error("Could not retrieve the PKCS7 container."))
  })
}).then(function() {
  console.log("Document signed!");
})

Sign document (Server)

instance.signDocument(null, { signingToken: "My security token" })
  .then(function() {
    console.log("Document signed!");
  })

startUISearch(term)

Open the search box, fill in the search term, and start loading the search requests.

This will set the PSPDFKit.ViewState#interactionMode to PSPDFKit.InteractionMode.SEARCH so that the search box is visible.

Parameters:

Name	Type	Description
`term`	string	The search term.

Example

Start a search for the term `foo` in the UI

instance.startUISearch("foo");

textLinesForPageIndex(pageIndex) → {Promise.<PSPDFKit.Immutable.List.<PSPDFKit.TextLine>>}

Load all PSPDFKit.TextLines for the specified pageIndex. If there is no page at the given index, the list will be empty.

Parameters:

Name	Type	Description
`pageIndex`	number	The index of the page you want to extract text from.

Returns:

A promise that resolves the the text lines of the given page.

Type: Promise.<PSPDFKit.Immutable.List.<PSPDFKit.TextLine>>

transformClientToPageSpace(rectOrPoint, pageIndex) → {PSPDFKit.Geometry.Rect|PSPDFKit.Geometry.Point}

Transforms a PSPDFKit.Geometry.Point or a PSPDFKit.Geometry.Rect from the client space inside the main frame to the PDF page space.

The client space is relative to your HTML viewport and the same coordinates that you receive by DOM APIs like Element.getBoundingClientRect() or MouseEvent.clientX, etc.

Use this transform when you receive events inside the main frame (The document of your application).

Note: If you apply a CSS scale transformation to the mounting node of PSPDFKit for Web, this calculation will not work. In this case make sure to manually scale afterwards.

Parameters:

Name	Type	Description
`rectOrPoint`	PSPDFKit.Geometry.Rect \| PSPDFKit.Geometry.Point	The rectangle or point that needs to be transformed
`pageIndex`	number	The index of the page you want to have information about. If none is provided, the first page (pageIndex `0`) will be used.

Throws:

Will throw an error when the supplied arguments is not valid.
Type PSPDFKit.Error

Returns:

The transformed point or rectangle.

Type: PSPDFKit.Geometry.Rect | PSPDFKit.Geometry.Point

transformContentClientToPageSpace(rectOrPoint, pageIndex) → {PSPDFKit.Geometry.Rect|PSPDFKit.Geometry.Point}

Transforms a PSPDFKit.Geometry.Point or a PSPDFKit.Geometry.Rect from the client space inside the content frame to the PDF page space.

The content client space is relative to the PSPDFKit mounting container and the same coordinates that you receive by DOM APIs like Element.getBoundingClientRect() or MouseEvent.clientX, etc. that originate within the PSPDFKit for Web iframe.

Use this transform when you receive events inside the content frame.

Parameters:

Name	Type	Description
`rectOrPoint`	PSPDFKit.Geometry.Rect \| PSPDFKit.Geometry.Point	The rectangle or point that needs to be transformed
`pageIndex`	number	The index of the page you want to have information about. If none is provided, the first page (pageIndex `0`) will be used.

Throws:

Will throw an error when the supplied arguments is not valid.
Type PSPDFKit.Error

Returns:

The transformed point or rectangle.

Type: PSPDFKit.Geometry.Rect | PSPDFKit.Geometry.Point

transformContentPageToClientSpace(rectOrPoint, pageIndex) → {PSPDFKit.Geometry.Rect|PSPDFKit.Geometry.Point}

Transforms a PSPDFKit.Geometry.Point or a PSPDFKit.Geometry.Rect from the PDF page space to the client space inside the content frame.

Use this transform when you want to position elements inside the PSPDFKit content frame.

Parameters:

Name	Type	Description
`rectOrPoint`	PSPDFKit.Geometry.Rect \| PSPDFKit.Geometry.Point	The rectangle or point that needs to be transformed
`pageIndex`	number	The index of the page you want to have information about. If none is provided, the first page (pageIndex `0`) will be used.

Throws:

Will throw an error when the supplied arguments is not valid.
Type PSPDFKit.Error

Returns:

The transformed point or rectangle.

Type: PSPDFKit.Geometry.Rect | PSPDFKit.Geometry.Point

transformPageToClientSpace(rectOrPoint, pageIndex) → {PSPDFKit.Geometry.Rect|PSPDFKit.Geometry.Point}

Transforms a PSPDFKit.Geometry.Point or a PSPDFKit.Geometry.Rect from the PDF page space to the client space inside the main frame.

The client space is relative to your HTML viewport and the same coordinates that you receive by DOM APIs like Element.getBoundingClientRect() or MouseEvent.clientX, etc.

Use this transform when you want to position elements inside the main frame.

Note: If you apply a CSS scale transformation to the mounting node of PSPDFKit for Web, this calculation will not work. In this case make sure to manually scale afterwards.

Parameters:

Name	Type	Description
`rectOrPoint`	PSPDFKit.Geometry.Rect \| PSPDFKit.Geometry.Point	The rectangle or point that needs to be transformed
`pageIndex`	number	The index of the page you want to have information about. If none is provided, the first page (pageIndex `0`) will be used.

Throws:

Will throw an error when the supplied arguments is not valid.
Type PSPDFKit.Error

Returns:

The transformed point or rectangle.

Type: PSPDFKit.Geometry.Rect | PSPDFKit.Geometry.Point

updateAnnotation(annotation) → {Promise.<PSPDFKit.Annotations.Annotation>}

Updates an annotation and changes its contents. This can be called with annotations returned from PSPDFKit.Instance#annotations or PSPDFKit.Instance#createAnnotation.

This method returns a promise that will resolve to the annotation record.

Updated annotations will be saved to the annotation provider and made visible in the UI instantly.

Parameters:

Name	Type	Description
`annotation`	PSPDFKit.Annotations.Annotation	The annotation that should be updated.

Throws:

Will throw an error when supplied annotation has no ID.
Type PSPDFKit.Error

Returns:

A promise that resolves to the annotation.

Type: Promise.<PSPDFKit.Annotations.Annotation>

Example

const instance = await PSPDFKit.load(configuration);
// Get all annotations on the first page
const annotations = instance.getAnnotations(0);
// Grab the first one
const annotation = annotations.first();

const editedAnnotation = annotation.set("noPrint", true);
const updatedAnnotation = await instance.updateAnnotation(editedAnnotation);

editedAnnotation === updatedAnnotation; // => true

updateBookmark(bookmark) → {Promise.<PSPDFKit.Bookmark>}

Updates a bookmark. This can be called with bookmarks returned from PSPDFKit.Instance#.getBookmarks or PSPDFKit.Instance#createBookmark.

This method returns a promise that will resolve to the bookmark record.

Updated bookmarks will be saved to the bookmark provider and made visible in the UI instantly.

Parameters:

Name	Type	Description
`bookmark`	PSPDFKit.Bookmark	The bookmark that should be updated.

Throws:

Will throw an error when supplied bookmark has no ID.
Type PSPDFKit.Error

Returns:

A promise that resolves to the bookmark.

Type: Promise.<PSPDFKit.Bookmark>

Example

const instance = await PSPDFKit.load(configuration);
// Get all the bookmarks
const bookmarks = instance.getBookmarks();
// Grab the first one
const bookmark = bookmarks.first();

const editedBookmark = bookmark.set("name", "joe");
const updatedBookmark = await instance.updateBookmark(editedBookmark);

editedBookmark === updatedBookmark; // => true

updateFormField(FormField) → {Promise.<PSPDFKit.FormFields.FormField>}

Updates a form field. The provided form field should already be present in the view, and therefore have an id set.

It can also be used to change the annotation 'ids' associated with the form field. In this case, the new 'ids' must correspond with widget annotations already present in the view.

Parameters:

Name	Type	Description
`FormField`	PSPDFKit.FormFields.FormField	A FormField instance.

Throws:

Will throw an error when supplied form field has no name.
Type PSPDFKit.Error

Returns:

A promise that resolves to the form field.

Type: Promise.<PSPDFKit.FormFields.FormField>

Example

instance.getFormFields().then(formFields =>
  // Updates the form field's label
  instance.updateFormField(formFields.first().set("label", "New label"));
);

Type Definitions

AnnotationPresetsSetter(currentAnnotationPresets) → {Object.<string, PSPDFKit.AnnotationPreset>}

This callback can be used in the setAnnotationPresets() method to do atomic updates to the current annotation presets.

Parameters:

Name	Type	Description
`currentAnnotationPresets`	Object.<string, PSPDFKit.AnnotationPreset>

Returns:

The new annotation presets.

Type: Object.<string, PSPDFKit.AnnotationPreset>

Example

Use ES2015 arrow functions and the update callback to reduce boilerplate

instance.setAnnotationPresets(presets => {
  presets.custom = {
    strokeWidth: 10,
  };
  return presets;
});

AnnotationPresetsUpdateEvent(event)

This event will be emitted whenever the current preset is about to be updated with new property values set by the user in the annotation toolbar.

The parameter is a PSPDFKit.AnnotationPresetsUpdateEvent.

Parameters:

Name	Type	Description
`event`	PSPDFKit.AnnotationPresetsUpdateEvent

Example

instance.addEventListener("annotationPresets.update", (event) => {
  event.preventDefault();
});

AnnotationsBlurEvent(event)

This event will be emitted whenever an annotation loses focus.

The parameter is a PSPDFKit.AnnotationsBlurEvent.

Parameters:

Name	Type	Description
`event`	PSPDFKit.AnnotationsBlurEvent

Example

instance.addEventListener("annotations.blur", (event) => {
  console.log(event.annotation, event.nativeEvent.type)
});

AnnotationsChangeEvent()

This event will be emitted whenever the current annotations change either due to a user action (eg. clicking the UI) or via PSPDFKit.Instance#createAnnotation, PSPDFKit.Instance#updateAnnotation or PSPDFKit.Instance#deleteAnnotation.

The event might also be emitted every time the PSPDFKit's annotations model changes. This for example can happen when scrolling to a page and PSPDFKit loads the annotations for that page or when opening the annotations sidebar and PSPDFKit (has to) loads all the document annotations.

The change event will fire before all specific events and it could be used in case you want to perform some action regardless of which event caused the annotation to "change" (create, delete, update, load, internal load, etc). Consider using the specific events for more advanced use cases.

Example

instance.addEventListener("annotations.change", () => {
  // ...
});

AnnotationsCreateEvent(createdAnnotations)

This event will be emitted whenever new annotations where created (either via the public API or via the UI).

The parameter is a PSPDFKit.Immutable.List of created PSPDFKit.Annotations.

Parameters:

Name	Type	Description
`createdAnnotations`	PSPDFKit.Immutable.List.<PSPDFKit.Annotations.Annotation>

Example

instance.addEventListener("annotations.create", (createdAnnotations) => {
  console.log(createdAnnotations);
});

AnnotationsDeleteEvent(deletedAnnotations)

This event will be emitted whenever new annotations where deleted (either via the public API or via the UI).

The parameter is a PSPDFKit.Immutable.List of deleted PSPDFKit.Annotations.

Parameters:

Name	Type	Description
`deletedAnnotations`	PSPDFKit.Immutable.List.<PSPDFKit.Annotations.Annotation>

Example

instance.addEventListener("annotations.delete", (deletedAnnotations) => {
  console.log(deletedAnnotations);
});

AnnotationsDidSaveEvent()

This event will be emitted whenever annotations were saved to the annotation provider.

This event will follow a PSPDFKit.Instance~AnnotationsWillSaveEvent.

Example

instance.addEventListener("annotations.didSave", () => {
  // ...
});

AnnotationSelectionChangeEvent(annotationnullable)

This event will fire whenever an annotation is being selected or unselected.

Parameters:

Name	Type	Attributes	Description
`annotation`	PSPDFKit.Annotations.Annotation	<nullable>	The newly selected annotation, if any.

Example

instance.addEventListener("annotationSelection.change", (annotation) => {
  if (annotation) {
    console.log("annotation is selected");
  } else {
    console.log("no annotation is selected");
  }
});

AnnotationsFocusEvent(event)

This event will be emitted whenever an annotation is focused.

The parameter is a PSPDFKit.AnnotationsFocusEvent.

Parameters:

Name	Type	Description
`event`	PSPDFKit.AnnotationsFocusEvent

Example

instance.addEventListener("annotations.focus", (event) => {
  console.log(event.annotation, event.nativeEvent.type)
});

AnnotationsLoadEvent(loadedAnnotations)

This event will be emitted whenever annotations are loaded from the annotation provider. This can happen more than once since we often load annotations on demand only.

The parameter is a PSPDFKit.Immutable.List of loaded PSPDFKit.Annotations.

Parameters:

Name	Type	Description
`loadedAnnotations`	PSPDFKit.Immutable.List.<PSPDFKit.Annotations.Annotation>

Example

instance.addEventListener("annotations.load", (loadedAnnotations) => {
  console.log(loadedAnnotations);
});

AnnotationsPressEvent(event)

This event will be emitted whenever an annotation is pressed i.e. either clicked or tapped.

The parameter is a PSPDFKit.AnnotationsPressEvent.

Parameters:

Name	Type	Description
`event`	PSPDFKit.AnnotationsPressEvent

Example

instance.addEventListener("annotations.press", (event) => {
  if (event.annotation instanceof PSPDFKit.Annotations.LinkAnnotation) {
    event.preventDefault();
    window.location.href = "https://example.com";
.  }
});

AnnotationsUpdateEvent(updatedAnnotations)

This event will be emitted whenever new annotations where updated (either via the public API or via the UI).

The parameter is a PSPDFKit.Immutable.List of updated PSPDFKit.Annotations.

Parameters:

Name	Type	Description
`updatedAnnotations`	PSPDFKit.Immutable.List.<PSPDFKit.Annotations.Annotation>

Example

instance.addEventListener("annotations.update", (updatedAnnotations) => {
  console.log(updatedAnnotations);
});

AnnotationsWillChangeEvent(event)

This event will be emitted when the user starts or ends an interaction with an annotation. See PSPDFKit.AnnotationsWillChangeReason for a comprehensive list of actions supported.

Note that this event is only emitted for actions performed through the UI.

Despite the name, it is not necessarily fired before each emission of PSPDFKit.Instance~AnnotationsChangeEvent, since that would not correspond to the list of possible reasons described in PSPDFKit.AnnotationsWillChangeReason on all cases.

Parameters:

Name	Type	Description
`event`	PSPDFKit.AnnotationsWillChangeEvent

Example

instance.addEventListener("annotations.willChange", event => {
  const annotation = event.annotations.get(0);
  if (event.reason === PSPDFKit.AnnotationsWillChangeReason.DELETE_START) {
    console.log("Will open deletion confirmation dialog");
  } else if (
    event.reason === PSPDFKit.AnnotationsWillChangeReason.DELETE_END
  ) {
    if (annotation) {
      console.log("The user decided to delete the annotation.");
    } else {
      console.log("The user decided to not delete the annotation.");
    }
  }
});

AnnotationsWillSaveEvent()

This event will be emitted before annotations will be saved to the annotation provider.

Right now, this happens whenever attributes of the annotation change (either via the public API or via the UI) and the annotation is in a valid state.

You can use this to display a loading spinner for example. This event will always be followed by PSPDFKit.Instance~AnnotationsDidSaveEvent.

Example

instance.addEventListener("annotations.willSave", () => {
  // ...
});

BookmarksChangeEvent()

This event will be emitted whenever the current bookmarks change either via PSPDFKit.Instance#createBookmark, PSPDFKit.Instance#updateBookmark or PSPDFKit.Instance#deleteBookmark.

The change event will fire before all specific events. Consider using the specific events for more advanced use cases.

Example

instance.addEventListener("bookmarks.change", () => {
  // ...
});

BookmarksCreateEvent(createdBookmarks)

This event will be emitted whenever new bookmarks are created (either via the public API or via the UI).

The parameter is a PSPDFKit.Immutable.List of created PSPDFKit.Bookmarks.

Parameters:

Name	Type	Description
`createdBookmarks`	PSPDFKit.Immutable.List.<PSPDFKit.Bookmark>

Example

instance.addEventListener("bookmarks.create", (createdBookmarks) => {
  console.log(createdBookmarks);
});

BookmarksDeleteEvent(deletedBookmarks)

This event will be emitted whenever bookmarks are deleted (either via the public API or via the UI).

The parameter is a PSPDFKit.Immutable.List of deleted PSPDFKit.Bookmarks.

Parameters:

Name	Type	Description
`deletedBookmarks`	PSPDFKit.Immutable.List.<PSPDFKit.Bookmark>

Example

instance.addEventListener("bookmarks.delete", (deletedBookmarks) => {
  console.log(deletedBookmarks);
});

BookmarksDidSaveEvent()

This event will be emitted whenever bookmarks were saved to the bookmark provider.

This event will follow a PSPDFKit.Instance~BookmarksWillSaveEvent.

Example

instance.addEventListener("bookmarks.didSave", () => {
  // ...
});

BookmarksLoadEvent(loadedBookmarks)

This event will be emitted whenever bookmarks are loaded from the bookmark provider. This can happen more than once since we often load bookmarks on demand only.

The parameter is a PSPDFKit.Immutable.List of loaded PSPDFKit.Bookmarks.

Parameters:

Name	Type	Description
`loadedBookmarks`	PSPDFKit.Immutable.List.<PSPDFKit.Bookmark>

Example

instance.addEventListener("bookmarks.load", (loadedBookmarks) => {
  console.log(loadedBookmarks);
});

BookmarksUpdateEvent(updatedBookmarks)

This event will be emitted whenever bookmarks are updated (either via the public API or via the UI).

The parameter is a PSPDFKit.Immutable.List of updated PSPDFKit.Bookmarks.

Parameters:

Name	Type	Description
`updatedBookmarks`	PSPDFKit.Immutable.List.<PSPDFKit.Bookmark>

Example

instance.addEventListener("bookmarks.update", (updatedBookmarks) => {
  console.log(updatedBookmarks);
});

BookmarksWillSaveEvent()

This event will be emitted before bookmarks will be saved to the bookmark provider.

Right now, this happens whenever attributes of the bookmark change (either via the public API or via the UI) and the bookmark is in a valid state.

You can use this to display a loading spinner for example. This event will always be followed by PSPDFKit.Instance~BookmarksDidSaveEvent.

Example

instance.addEventListener("bookmarks.willSave", () => {
  // ...
});

ConnectedClientsChangeEvent(connectedClients)

Server Only

This event will be emitted whenever an instant client connects or disconnects from the current document. See PSPDFKit.Instance#connectedClients for more information.

To receive this callback, make sure to set up PSPDFKit Instant correctly.

Parameters:

Name	Type	Description
`connectedClients`	Immutable.Map.<string, PSPDFKit.InstantClient>	An up-to-date list of currently connected instant clients.

Example

instance.addEventListener("instant.connectedClients.change", (clients) => {
  console.log(clients.toJS());
});

DocumentChangeEvent()

This event will be emitted whenever operations have been performed in the document.

The event listener will receive the array of operations performed on the document.

Example

instance.addEventListener("document.change", (operations) => {
  // ...
});

FormDidSubmitEvent()

This event will be emitted whenever the form got submitted to the specified URI. The event will receive a object from the form submission. If the submission got transmitted successfully, the object will contain a response key, which has a response object as a value. When an error occurred during the submission, the object parameter will have an error key with the error object as a value.

Example

instance.addEventListener("formFieldValues.didSave", ({ response, error }) => {
  // ...
});

FormFieldsChangeEvent()

This event will be emitted whenever the current form fields change either due to a user action (eg. clicking the UI) or via PSPDFKit.Instance#createFormField, PSPDFKit.Instance#updateFormField or PSPDFKit.Instance#deleteFormField.

The change event will fire before all specific events and it could be used in case you want to perform some action regardless of which event caused the form fields to "change" (create, delete, update, load, internal load, etc). Consider using the specific events for more advanced use cases.

Example

instance.addEventListener("formFields.change", () => {
  // ...
});

FormFieldsCreateEvent(createdFormFields)

This event will be emitted whenever new form fields where created (either via the public API or via the UI).

The parameter is a PSPDFKit.Immutable.List of created PSPDFKit.FormFields.

Parameters:

Name	Type	Description
`createdFormFields`	PSPDFKit.Immutable.List.<PSPDFKit.FormFields.FormField>

Example

instance.addEventListener("formFields.create", (createdFormFields) => {
  console.log(createdFormFields);
});

FormFieldsDeleteEvent(deletedFormFields)

This event will be emitted whenever new form fields where deleted (either via the public API or via the UI).

The parameter is a PSPDFKit.Immutable.List of deleted PSPDFKit.FormFields.

Parameters:

Name	Type	Description
`deletedFormFields`	PSPDFKit.Immutable.List.<PSPDFKit.FormFields.FormField>

Example

instance.addEventListener("formFields.delete", (deletedFormFields) => {
  console.log(deletedFormFields);
});

FormFieldsDidSaveEvent()

This event will be emitted whenever form fields were saved to the form field provider.

This event will follow a PSPDFKit.Instance~FormFieldsWillSaveEvent.

Example

instance.addEventListener("formFields.didSave", () => {
  // ...
});

FormFieldsLoadEvent(loadedFormFields)

This event will be emitted whenever form fields are loaded from the form field provider. This can happen more than once since we often load form fields on demand only.

The parameter is a PSPDFKit.Immutable.List of loaded PSPDFKit.FormFields.

Parameters:

Name	Type	Description
`loadedFormFields`	PSPDFKit.Immutable.List.<PSPDFKit.FormFields.FormField>

Example

instance.addEventListener("formFields.load", (loadedFormFields) => {
  console.log(loadedFormFields);
});

FormFieldsUpdateEvent(updatedFormFields)

This event will be emitted whenever new form fields where updated (either via the public API or via the UI).

The parameter is a PSPDFKit.Immutable.List of updated PSPDFKit.FormFields.

Parameters:

Name	Type	Description
`updatedFormFields`	PSPDFKit.Immutable.List.<PSPDFKit.FormFields.FormField>

Example

instance.addEventListener("formFields.update", (updatedFormFields) => {
  console.log(updatedFormFields);
});

FormFieldsWillSaveEvent()

This event will be emitted before form fields will be saved to the form field provider.

Right now, this happens whenever attributes of the form fields change (either via the public API or via the UI) and the form field is in a valid state.

You can use this to display a loading spinner for example. This event will always be followed by PSPDFKit.Instance~FormFieldsDidSaveEvent.

Example

instance.addEventListener("formFields.willSave", () => {
  // ...
});

FormFieldValuesDidSaveEvent()

This event will be emitted whenever the form field values were saved to the data provider.

This event will follow a PSPDFKit.Instance~FormFieldValuesWillSaveEvent.

Example

instance.addEventListener("formFieldValues.didSave", () => {
  // ...
});

FormFieldValuesUpdateEvent(updatedFormFields)

This event will be emitted whenever the current value of form field were updated either due to a user action or when PSPDFKit.Instance#setFormFieldValues is invoked.

Parameters:

Name	Type	Description
`updatedFormFields`	PSPDFKit.Immutable.List.<PSPDFKit.FormFields.FormField>

Example

instance.addEventListener("formFieldValues.update", formFields => {
  // ...
});

FormFieldValuesWillSaveEvent()

This event will be emitted before form field values will be saved to the data provider.

You can use this to display a loading spinner, for example. This event will always be followed by PSPDFKit.Instance~FormFieldValuesDidSaveEvent.

Example

instance.addEventListener("formFieldValues.willSave", () => {
  // ...
});

FormWillSubmitEvent()

This event will be emitted whenever the form values will be submitted.

To cancel the form submission, call the preventDefault function with no arguments. This event will follow a PSPDFKit.Instance~FormDidSubmitEvent, when the submission got not canceled with preventDefault.

Example

instance.addEventListener("forms.willSubmit", ({ preventDefault }) => {
  // ...
});

InkSignatureChangeEvent()

This event will fire whenever the list of ink signatures is changed (either a signature was added, updated, or deleted).

Example

instance.addEventListener("inkSignatures.change", () => {
  console.log("ink signature list changed");
});

InkSignatureCreateEvent(annotation)

This event will fire whenever a signature is created and stored.

Parameters:

Name	Type	Description
`annotation`	PSPDFKit.Annotations.InkAnnotation	The newly stored annotation.

Example

instance.addEventListener("inkSignatures.create", annotation => {
  console.log(annotation);
});

InkSignatureDeleteEvent(annotation)

This event will fire whenever a signature is deleted.

Parameters:

Name	Type	Description
`annotation`	PSPDFKit.Annotations.InkAnnotation	The deleted annotation.

Example

instance.addEventListener("inkSignatures.delete", annotation => {
  console.log(annotation);
});

InkSignaturesSetter(currentInkSignatures) → {PSPDFKit.Immutable.List.<PSPDFKit.Annotations.InkAnnotation>}

This callback can be used in the setInkSignatures() method to do atomic updates to the current list of ink signatures.

Parameters:

Name	Type	Description
`currentInkSignatures`	PSPDFKit.Immutable.List.<PSPDFKit.Annotations.InkAnnotation>

Returns:

The new ink signatures list.

Type: PSPDFKit.Immutable.List.<PSPDFKit.Annotations.InkAnnotation>

Example

Use ES2015 arrow functions and the update callback to reduce boilerplate

instance.setInkSignatures(signatures => {
  signatures.push(
    new PSPDFKit.Annotations.InkAnnotation({
      lines: ...,
      boundingBox: ...,
    })
  );
  return signatures;
});

InkSignatureUpdateEvent(annotations)

This event will fire whenever one ink signature is updated.

Parameters:

Name	Type	Description
`annotations`	PSPDFKit.Immutable.List.<PSPDFKit.Annotations.InkAnnotation>	The list of updated annotations.

Example

instance.addEventListener("inkSignatures.update", annotations => {
  console.log(annotations);
});

PagePressEvent(event)

This event will be emitted whenever a click on a page occurs that is not handled by any occluding page element (annotation, form, etc.).

This event internally uses the onpointerup event triggered by the browser. This is an implementation detail which we are documenting because it is useful to prevent the propagation of click events on custom overlay items. Please don't rely on this behavior if possible and use it wisely as it might break in future.

The parameter is a PSPDFKit.PagePressEvent.

Parameters:

Name	Type	Description
`event`	PSPDFKit.PagePressEvent

Example

instance.addEventListener("page.press", (event) => {
  console.log(event.point);
});

SaveStateChangeEvent(event)

This event will be emitted whenever document save state changes. This reflects changes to return value of PSPDFKit.Instance.hasUnsavedChanges.

The parameter is SaveStateChangeEvent.

Parameters:

Name	Type	Description
`event`	SaveStateChangeEvent

Example

instance.addEventListener("document.saveStateChange", (event) => {
  console.log(`Document has unsaved changes: ${event.hasUnsavedChanges}`);
});

SearchStateChangeEvent(searchState)

Whenever the search state changes, this event will fire with the latest state.

Parameters:

Name	Type	Description
`searchState`	PSPDFKit.SearchState	The next search state.

Example

instance.addEventListener("search.stateChange", (searchState) => {
  console.log(searchState.isFocused);
});

SearchStateUpdater(currentSearchState) → {PSPDFKit.SearchState}

This callback can be used in the setSearchState() method to do atomic updates to the current search state.

Parameters:

Name	Type	Description
`currentSearchState`	PSPDFKit.SearchState

Returns:

The new search state.

Type: PSPDFKit.SearchState

Example

Use ES2015 arrow functions and the update callback to reduce boilerplate

instance.setSearchState(state => state.set("isFocused", true));

SearchTermChangeEvent(event)

This event will fire whenever the customer types in a new search term in the search UI. It can be used to plug the default search into your own search UI.

For an example, see PSPDFKit.SearchTermChangeEvent.

Parameters:

Name	Type	Description
`event`	PSPDFKit.SearchTermChangeEvent

StampAnnotationTemplatesSetter(currentStampAnnotationTemplates) → {Array.<(PSPDFKit.Annotations.StampAnnotation|PSPDFKit.Annotations.ImageAnnotation)>}

This callback can be used in the setStampAnnotationTemplates() method to do atomic updates to the current stamp annotation templates.

Parameters:

Name	Type	Description
`currentStampAnnotationTemplates`	Array.<(PSPDFKit.Annotations.StampAnnotation\|PSPDFKit.Annotations.ImageAnnotation)>

Returns:

The new stamp and image annotation templates.

Type: Array.<(PSPDFKit.Annotations.StampAnnotation|PSPDFKit.Annotations.ImageAnnotation)>

Example

Use ES2015 arrow functions and the update callback to reduce boilerplate

instance.setStampAnnotationTemplates(stamps => {
  stamps.pop(); // removes the last template of the stamps array
  return stamps;
});

TextLinePressEvent(event)

This event will be emitted whenever a click on a text line occurs that is not handled by any occluding page element (annotation, form, etc.).

The parameter is a PSPDFKit.TextLinePressEvent.

Parameters:

Name	Type	Description
`event`	PSPDFKit.TextLinePressEvent

Example

instance.addEventListener("textLine.press", (event) => {
  console.log(event.point);
});

TextSelectionChangeEvent(textSelectionnullable)

Whenever the text selection changes, this event will fire with the latest selection.

textSelection might be null when the selection was cleared.

Parameters:

Name	Type	Attributes	Description
`textSelection`	PSPDFKit.TextSelection	<nullable>	The new text selection, if any.

Example

instance.addEventListener("textSelection.change", (textSelection) => {
  if (textSelection) {
    console.log("text is selected");
  } else {
    console.log("no text is selected");
  }
});

ToolbarItemsSetter(currentToolbarItems) → {Array.<PSPDFKit.ToolbarItem>}

This callback can be used in the setToolbarItems() method to do atomic updates to the current toolbar items.

Parameters:

Name	Type	Description
`currentToolbarItems`	Array.<PSPDFKit.ToolbarItem>

Returns:

The new toolbar items.

Type: Array.<PSPDFKit.ToolbarItem>

Example

Use ES2015 arrow functions and the update callback to reduce boilerplate

instance.setToolbarItems(items => {
  items.push({
    type: "custom",
    title: "My Custom Button",
    onPress(){
      alert("hello");
    }
  });
  return items;
});

ViewStateChangeEvent(viewState)

This event will be emitted whenever the current view state changes either by the user (via clicking the UI) or via setViewState(). It will be called after other view state specific events. If, for example, the page index changes, PSPDFKit.Instance~ViewStateCurrentPageIndexChangeEvent will emit first.

If you update multiple properties at once, this event will only be dispatched once.

The callback takes the current view state as an argument.

Parameters:

Name	Type	Description
`viewState`	PSPDFKit.ViewState	The new view state

Examples

instance.addEventListener("viewState.change", (viewState) => {
  console.log(viewState.toJS());
});

Will be emitted after specific events

instance.addEventListener("viewState.currentPageIndex.change", () => console.log("first"));
instance.addEventListener("viewState.change", () => console.log("second"));

ViewStateCurrentPageIndexChangeEvent(pageIndex)

This event will be emitted whenever the current page index changes. It can be used to track the current view of a user.

Parameters:

Name	Type	Description
`pageIndex`	number	The page index of the page that's currently visible. If there is more than one page visible this will return the page that is using the most space in the viewport. `pageIndex` is zero-based and has a maximum value of `totalPageCount - 1`

Example

instance.addEventListener("viewState.currentPageIndex.change", (pageIndex) => {
  console.log(pageIndex);
});

ViewStateUpdater(currentViewState) → {PSPDFKit.ViewState}

This callback can be used in the setViewState() method to do atomic updates to the current view state.

Parameters:

Name	Type	Description
`currentViewState`	PSPDFKit.ViewState

Returns:

The new view state.

Type: PSPDFKit.ViewState

Example

Use ES2015 arrow functions and the update callback to reduce boilerplate

instance.setViewState(state => state.set("currentPageIndex", 2));

ViewStateZoomChangeEvent(zoom)

This event will be emitted whenever the zoom level or the zoom mode changes. This could either be a number multiplier or a distinct zoom mode.

Parameters:

Name	Type	Description
`zoom`	PSPDFKit.ZoomMode \| number	The new zoom level or zoom mode.

Example

instance.addEventListener("viewState.zoom.change", (zoom) => {
  console.log(zoom);
});

Members

Methods

Type Definitions

Members

(readonly) connectedClients: Immutable.Map.<string, PSPDFKit.InstantClient> Server Only

Type:

Examples

(readonly) contentDocument: Document

Type:

Example

(readonly) contentWindow: window

Type:

Example

(readonly, nullable) currentAnnotationPreset: string

Type:

(readonly) currentZoomLevel: number

Type:

(readonly) locale: string

Type:

(readonly) maximumZoomLevel: number

Type:

(readonly) minimumZoomLevel: number

Type:

(readonly) searchState: PSPDFKit.SearchState

Type:

(readonly) stampAnnotationTemplates: Array.<(PSPDFKit.Annotations.StampAnnotation|PSPDFKit.Annotations.ImageAnnotation)>

Type:

(readonly) toolbarItems: Array.<PSPDFKit.ToolbarItem>

Type:

(readonly) totalPageCount: number

Type:

(readonly) viewState: PSPDFKit.ViewState

Type:

Methods

abortPrint()

Throws:

addEventListener(action, listener)

Parameters:

Throws:

Examples

applyOperations(operations) → {Promise.<void>}

Parameters:

Returns:

Example

applyRedactions() → {Promise.<void>}

Returns:

Example

calculateFittingTextAnnotationBoundingBox(annotation) → {PSPDFKit.Annotations.TextAnnotation}

Parameters:

Returns:

Example

createAnnotation(annotation) → {Promise.<PSPDFKit.Annotations.Annotation>}

Parameters:

Throws:

Returns:

Example

createAttachment(blob) → {Promise.<string>}

Parameters:

Throws:

Returns:

Example

createBookmark(bookmark) → {Promise.<PSPDFKit.Bookmark>}

Parameters:

Throws:

Returns:

Example

createFormField(FormField) → {Promise.<PSPDFKit.FormFields.FormField>}

Parameters:

Throws:

Returns:

Example

createRedactionsBySearch(term, options) → {Promise.<List.<string>>}

Parameters:

Returns:

Example

deleteAnnotation(annotationId) → {Promise.<void>}

Parameters:

Throws:

Returns:

(readonly) connectedClients: Immutable.Map.<string, PSPDFKit.InstantClient>

Server Only