Custom Redact button with Rectangle annotation

Technical Support
1

Hello,

How can I make a custom redact annotation with rectangle which has black fill color automatically and remove the options to select color, opacity and thickness?

2

Hi there,

PDF.js Express does not support redaction unfortunately (if you want redaction you should take a look at our sister product).

If you wanted to fake it, there was a similar issue here you can reference, but you would use a RectangleCreateTool instead.

To remove the options to change the color etc, you can use the disableElements API to remove the elements you want when the annotation is selected.

WebViewer({...}, element).then((instance) => {
   const {annotManager, Annotations} = instance;

   instance.on('annotationSelected', ([annot]) => {
      if(annot instanceof Annotations.RectangleAnnotation) {
          instance.disableElements(['annotationStyleEditButton']);
      } else {
          instance.enableElements(['annotationStyleEditButton']);
       }
   })
})

Something like this should help.

Thanks!
Logan

3

I used the above code and it gives this error.

image
image1919×312 33.3 KB

4

When I replace the LineCreateTool with RectangleCreateTool I get this error

image
image1919×323 29.8 KB

5

Hi sorry, it should be annotManager.on('annotationSelected')..., thats my bad!

Regarding your second reply, that’s the same issue as this ticket so we’ll handle that there.