I know Mozilla PDF.js is used only for PDF viewer purpose. By using some open source codes like (annotations) I have created some highlight, underline and strikeout features over PDF viewer.
Now I want to implement the free text and callout features to be added on top of it. Also while performing an annotation I want to retrieve the co-ordinates of PDF where the annotation is added.
Any help would be appreciated.
I'm using WKWebView to load PDF files. I've found that all the annotations in the pdf are invisible.
Does anyone know how to fix this bug?
If you open the PDFs in Adobe Acrobat do the annotations display?
In a PDF 1.7 and earlier file, annotations are not required to have their appearance defined in the file and instead PDF viewing applications can generate them when the PDF is opened. Not all PDF viewing applications are capable of generating the appearance of all annotation types though (there are many different annotation types in PDF).
If Acrobat displays the annotations and WKWebview does not, then the annotations are most likely missing their appearances and Acrobat is generating them from what is stored in the PDF.
In PDF 2.0 (recently published as a standard), annotations are required to have a defined normal appearance so that PDF viewers do not have to generate the appearance any longer which will provide a much more consistent experience for those who are reading PDFs (it will be a while before this catches on though).
There are a number of tools out there that can be used to create the appearance for annotations and save them into the PDF so if you determine that the annotations are missing their appearances you can get one of those tools and run the PDFs through it before presenting them in your WKWebview.
I need to open Pdf / Docx documents for preview from a Phonegap app.
On Android it's possible to open files in extenal apps using WebIntent plugin.
Now what about iOS? It seems possible to do this entirely with the build-in browser (which surprisingly does render docx) by creating a html page with a header and a back button in the top and an iframe taking up the rest of the screen.
It would be great if the user could zoom and drag the document while the header would remain stationary, but I couldn't get to zoom working at all inside the iframe.
Any suggestions?
I ended up using InAppBrowser Plugin with enableViewportScale=yes. It displays a toolbar with a back button with custom caption. It would be better if I can add my own toolbar, so the navigation is consistent in the whole app, but this is good enough.
I am using pdf reader sample for display pdf and book marking.
But i need some extra features i.e highlight certain text in pdf and want to make it saved.
using ios sdk.
Is there any way to do it?
My upcoming mobile web project requires viewing dynamically chosen pdf files inside the webpage. I am using iFrame to display the pdf file and the file can be scrolled using two-finger scrolling. But the problems I am facing are:
The first page of the file is not displayed completely on the iPad and gets cut off along the width unlike when I view it on the desktop browsers where the first page of the pdf is always entirely displayed although zoomed out to fit in the iFrame area.
There is no visual indication for the users that the pdf document can be scrolled, i.e., there is no scroll bar on the pdf document.
The controls (page navigation, zoom etc.) for the pdf viewer (Adobe reader) don't appear on the document unlike when I see it on the desktop browsers.
What is the best way to achieve what I am trying to do? Do any of you experts know any solutions/workarounds to the problems I am facing? An entirely different approach using anything other than iFrame can also be considered.
The reason why the pdf should be inside the html page is that, the list of pdf files will be on a menu bar on the left side of the page and the user can click on any of them to view on the same page. Ideally, they will have the capability to toggle between full screen view and that view.
Any help is appreciated.
I created a tiny JavaScript module that helps you to show a PDF inline and be able to scroll it. But I also couldn't figure out a way to make it fit the total width of the parent container.
Check it out: https://github.com/williamrjribeiro/ipdf-scroll
Cheers.
I came across this Recommended way to embed PDF in HTML? while researching on the web to find an answer.
The mentioned link discusses about some options that I can use and the google document viewer works for me though don't know if there is anything (like data limit) I need to be aware of before using it on the website. Also I have no idea if it is a good solution (though the full screen mode is not available, but zoom-in/zoom-out and next/prev page buttons are there are show up in the mobile safari on the iPad) to use for an web app that will be run on the iPad.
Anyway, I will keep researching for a better solution and if i don't find any, I'll stick to the google document viewer.
The issue appears to be a bug with Safari on the IPad.
I didn't find a solution for embedding the pdf in html but I did find this:
If you return FileStreamResult from your controller action instead of a view, the pdf will open in a new tab, it's not embedded html but at least your user is not having to download files and open them manually.
I had the same problem of the pdf not being displayed completely. The only thing I found to fix this was the change the size of the div containing the pdf.
For example if the element containing the pdf is a div then I change its width to any value and the rollback to the value it had before. Changing Width or height any one works.
Sometimes I had to wait a little using a setTimeout before calling my resizable method