Customizing PDFTron HTML5 WebViewer

Q:

  1. We would like to customize the chrome/toolbar served with HTML5 PDFTron WebViewer. Is this possible, and if it is, what is the best way of going about this?

  2. We would like to overlay some contents on top of the PDF pages rendered in your viewer. For example, we would like to let the users mark it up by drawing on it and adding anchor points to it. Does your viewer accommodate to such extensions being added? If so, what is the best way to go about doing this?


A:

Yes, this is definitely possible. Basically we provide full source code (JS/HTML/CSS/images) for the sample online viewer.

By modifying ‘WebViewer\html5\ReaderControl.js’ or (‘WebViewer\html5\MobileReaderControl.js’ on mobile) you can change every aspect of the viewing experience.

➢ We would like to overlay some contents on top of the PDF pages rendered ➢ in your viewer. For example, we would like to let the users mark it up by

Yes, you can add your own content on top of the view (e.g. as a separate canvas or even as a SVG layer), hook-in custom JS event for things such as mouse/tap support etc. I will ask our developers to provide you with some sample code over next couple of days.