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> 

现在真的没有其他办法可以做到了。