FB即時文章：我可以在即時文章中顯示PDF文件嗎？

Question

我是facebook instant articles的新手。 我有一個網站依賴PDF文件來代表政治研究，網站上的每篇文章（網頁）裏面都包含一個PDF文件。 有沒有辦法在即時文章中顯示PDF文件？

Answer 1

Instant Articles不支持PDF作爲格式。您可以看到所有支持的格式here但是您仍然應該能夠顯示pdf作爲op-interactive（Embed）。在這裏看到的文檔： https://developers.facebook.com/docs/instant-articles/reference/embeds

這基本上只是一個iframe來，你可以在js腳本在線或點添加到使用類似pdf.js，例如託管的網頁。

下面是一些例子假設pdf.js：

嵌入式運算互動（未經測試，從它們的github文檔抓起）：

<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基於運交互式：

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

現在真的沒有其他辦法可以做到了。