FB Instant Articles: Kann ich eine PDF-Datei in einem Instant-Artikel anzeigen?

Question

Ich bin neu in facebook instant articles. Ich habe eine Website, die auf PDF-Dateien beruht, um politische Forschungen darzustellen, jeder Artikel (Seite) auf der Website enthält eine PDF-Datei darin. Gibt es eine Möglichkeit, eine PDF-Datei im Instant-Artikel anzuzeigen?

Answer 1

Instant Articles unterstützt PDFs nicht als Format. Sie können alle unterstützten Formate sehen hereABER Sie sollten immer noch in der Lage sein, eine PDF als op-interactive (Embed) anzuzeigen. Lesen Sie die Dokumentation hier: https://developers.facebook.com/docs/instant-articles/reference/embeds

Es ist im Grunde nur ein iframe, die können Sie entweder die js Skript Inline- oder zeigen Sie auf einer gehosteten Seite hinzufügen, die zum Beispiel so etwas wie pdf.js verwendet.

Hier sind einige Beispiele unter der Annahme Pdf.js:

Embedded op-interactive (ungetestet, von ihrem Github docs packte):

<figure class="op-interactive"> 
    <iframe> 
     <script> 
      var url = './helloworld.pdf'; 
      PDFJS.workerSrc = 'http://yourdomain.com/build/pdf.worker.js'; 
      PDFJS.getDocument(url).then(function getPdfHelloWorld(pdf) { 
       pdf.getPage(1).then(function getPageHelloWorld(page) { 
        var scale = 1.5; 
        var viewport = page.getViewport(scale); 
        var canvas = document.getElementById('the-canvas'); 
        var context = canvas.getContext('2d'); 
        canvas.height = viewport.height; 
        canvas.width = viewport.width; 
        var renderContext = { 
         canvasContext: context, 
         viewport: viewport 
        }; 
        page.render(renderContext); 
       }); 
      }); 
     </script> 
    </iframe> 
</figure> 

URL basierend op-interaktiv:

<figure class="op-interactive"> 
    <iframe src="https://yourdomain.com/pdfembed.html" width="600" height="600"></iframe> 
</figure> 

Es wäre wirklich keine andere Möglichkeit, es zu dieser Zeit zu tun.