PDF Annotations, comments, highlight, markup etc

Annotate & markup a PDF in Bubble - save the annotated PDF back to Bubble.

Demo here:
https://pdf-annotations-adobe.bubbleapps.io/version-test
Marketplace here:
https://bubble.io/plugin/adobe-pdf—with-commenting-1633396514551x410372775588659200

  • Add annotations to your PDF (highlight, text, comments, shapes)
  • Auto save changes to Bubble
  • Label annotations with your Bubble user names
  • Get the current page number
  • zoom in, zoom out, zoom set and reset
  • Get the number of pages in a PDF
  • Jump to a page number in a PDF
  • Load in a replacement a PDF
3 Likes

I have been looking for a native PDF mark up plugin where you don’t need to convert it to an image first :grinning_face_with_smiling_eyes: Looks very cool I will need to try out.

3 Likes

Hello. Your instructions aren’t clear. Very confusing. I’m looking for a simple way to add a few annotations to PDFs. I haven’t been able to follow your instructions to make it happen. Do you provide any help?

Sure, happy to answer any questions. What sort of help do you need?

Have you seen the instructions and videos here? - https://pdf-annotations-adobe.bubbleapps.io/version-test

1 Like

hello. I’ going through everything again and I’m wondering if it’s possible to add an image to the pdf. I don’t see that option.

I’m afraid you can’t annotate a PDF by adding an image. Only

  • highlight
  • add text
  • underline
  • draw shapes
  • change colours
  • add positional comments

pdf annotator

What you probably want to do is edit a PDF (which is different to annotating).

1 Like

well shux.

1 Like

Hi Lindsay,
When adding a comment, can we assign a unique serial number to each comment on the PDF comment sign

In addition, is it possible to change the UI of the interface to support right-to-left writing for Arabic language users?

2 Likes

An Id is assigned to each annotation internally - you can’t set this Id yourself if that is what you are asking. (and its more like a UID than a serial number)

I guess you are asking if somehow you could have your own “id” - an idea might be if perhaps if I added an event of “comment added” you could then track the comments in your Bubble app. Maybe.

Re - left to right - any valid PDF can be commented. ie any language. If you are asking can the UI be localised to Arabic - afraid not.

Hi Lindsay,

Thank you for your reply. Regarding the serial number, I dont mean the hidden ID inside the bubble DB. What I mean is that I need to see the serial number on the PDF. The serial number should start with 1, 2, 3, 4, and so on for each comment.

I’m sorry to hear that the news about the UI not applicable.please let me know if you have any workaround .

1 Like

I’ve updated the plugin - it doesn’t support left to right writing - but does support (as of 10 minutes ago :slightly_smiling_face:) 20 odd languages - listed here.

You just need to specify the language code at plugin load time (which could be a dynamic value per user)

Supported languages

LANGUAGE LOCALE CODE
Danish da-DK
Dutch nl-NL
English (United Kingdom) en-GB
English (United States) en-US
Finnish fi-FI
French fr-FR
German de-DE
Italian it-IT
Japanese ja-JP
Norwegian nb-NO
Portuguese pt-BR
Spanish es-ES
Swedish sv-SE
Czech cs-CZ
Korean ko-KR
Polish pl-PL
Russian ru-RU
Turkish tr-TR
Chinese zh-CN
Chinese zh-TW

Thank you for your effort; I appreciate it. However, support for right-to-left languages, especially Arabic, will add more value.

1 Like

Hi , I cannot display annotation fields for mobile. Only the copy text command is active. Is there a solution for this? I will be grateful if you could help me

1 Like

Sorry to say @sefaozzer Adobe does not support annotations for mobiles.

https://developer.adobe.com/document-services/docs/overview/pdf-embed-api/gettingstarted/#mobile-support

Extracted

PDF Embed API provides some optimizations in order to enhance the mobile view experience. These optimizations are available only in mobile phone browsers.

Hilariously the so-called optimizations are that annotations are disabled. (because mobile only supports view modes that don’t permit annotations). Adobe goes to some lengths to explain that as a positive feature. :slight_smile:

Hi, @lindsay_knowcode. Thanks for this nifty plugin. I came across it looking for a solution for a use case that I think it doesn’t fully support, so I’m checking in to confirm whether I’m missing anything.

For an uploaded pdf, my users need to essentially be able to designate the start/end of user-defined sections throughout the shared document, associate a tag to a section, and ultimately search keywords associated with anyone’s tags to then navigate to relevant sections throughout the document.

Using your demo page’s Bronchiolitis: A Practical Approach for the General Radiologist article as an example, one user might designate the multi-page “Approach to Imaging of Bronchiolitis” section with a tag like “methodology” and then when another user performs a database search of keywords related to tags that returns the tag “methodology” the search results would include an easy way for that user to readily see the tagged section within the document–ideally, while visually suppressing annotations related to other sections.

I think that accomplishing this likely depends on being able to save a database thing that points to an annotation’s location within a document. Your demo page mentions that that functionality might be forthcoming sometime:

Coming soon is getting the annotation content available as Bubble objects - so you can store a copy of the annotation in your Bubble app.

If the plugin’s current functionality indeed supports the use case I outlined, please advise.

Also, FYI: I noticed a bug on your demo page. When I copied text from the pdf, the resulting toast notification showed the text that I had copied the time before the copy action that triggered the notification. For example, copy “Bronchiolitis”, then copy “A Practical Approach”, then a notification appears with the message “Text copied: Bronchiolitis”

1 Like

Hi Lindsay!

I love the idea, just wondering if you can store the comments on bubble, every time one is created. Is that possible?

1 Like