2015-04-23 14 views
7

um anzuzeigen, wie mit in der gleichen phonegap App als pdf-Datei zu zeigen. Ich probierte Inappbrowser, Mupdf, PDFJS alle zeigen PDF mit anderen pdf-Viewer.Ich möchte die PDF-Datei mit in der gleichen App öffnen.Kann mir helfen.Vielen Dank im VorausWie PDF-Datei mit in der gleichen App in phonegap

+0

Vielleicht ist dies das Plugin, das Sie suchen? Sehen Sie sich den unteren Teil der Dokumentation an, es gibt Screenshots: https://github.com/sitewaerts/cordova-plugin-document-viewer – Sithys

Antwort

3

(Entschuldigung mein schlechtes Englisch) I Ich weiß nicht, was Sie "in der gleichen App" meinen, denn inappbrowser, Mupdf und pdf.js können alle das tun.

In Android-Plattform ist die beliebteste Lösung senden intent und öffnen Sie über andere PDF-Viewer, weil die Benutzer dort ihren Favoriten wählen können (Sie können File Opener 2 versuchen). Wenn Ihnen das nicht gefällt, können Sie eine Aktivität zum Anzeigen von PDF in Ihrer App erstellen, genau wie MuPDF Viewer. Wenn Sie in Cordova/Phonegap Webansicht PDF-Datei öffnen mögen, müssen Sie Mozillas PDF.js, das ist ein reiner js-lib für die Rendering pdf-Datei auf HTML5-Canvas, aber es ist ziemlich langsamer als mit nativen Lösung (auch bauen Sie mit Crosswalk), so dass ich nicht weisen darauf hin.

Es ist viel einfacher in iOS-Plattformen. iOS UIWebView kann pdf-Dateien nativ öffnen, also brauchen Sie nur inAppBrowser Plugin. Wenn Sie mehr Funktionen möchten, gibt es viele Plugins (wie Cordova PDFReader IOS), die Sie wählen können.

Hoffnung, die mit Ihnen hilft.

+0

Danke, ich habe es, ich kann PDF-Datei mit in der App öffnen, aber ich muss zeigen mit einem div. –

+0

@Fomahaut Ich habe PDF.js ausprobiert, aber von dem, was ich verstehe, muss die Seite von einem Webserver bedient werden. Sind Sie sicher, dass dies mit einer Cordova Mobile App funktioniert? –

1

Sie können Google Docs Viewer Plugin für jQuery PDF-Dokument in div anzuzeigen. Klicken Sie here

3

für cordova, sachinM Antwort ist perfekt - aber mit einer Erweiterung Verwendung uriEncodeComponent (link) und https://docs.google.com/viewer?url= Link

Doc, Excel, Powerpoint und PDF alle unterstützt.

Verwenden Sie den cordova in App-Browser.

document.addEventListener("deviceready", onDeviceReady, false); 
function onDeviceReady() { 
    window.open = cordova.InAppBrowser.open; 
     } 

      $("body").on("click",function(e){ 
      var clicked = $(e.target); 
     if(clicked.is('a, a *')) 
     { 
      clicked = clicked.closest("a"); 
      var link = clicked.attr("href"); 
      if(link.indexOf("https://") !== -1) 
      { 
       if(true) //use to be able to determine browser from app 
       { 
        link = "http://docs.google.com/viewer?url=" + encodeURIComponent(link) + "&embedded=true"; 
      } 

       window.open(link, "_blank", "location=no,toolbar=no,hardwareback=yes"); 
       return false; 
      } 
    } 
    });