facebook - FB Instant Articles：我可以在即时文章中显示 PDF 文件吗？

Question

我是新手facebook instant articles。我有一个网站，它依赖 PDF 文件来代表政治研究，网站上的每篇文章（页面）都包含一个 PDF 文件。有没有办法在即时文章中显示 PDF 文件？

Answer 1

Instant Articles 不支持 PDF 格式。您可以在此处 查看所有支持的格式，但您仍然应该能够将 pdf 显示为op-interactive（嵌入）。请参阅此处的文档： https ://developers.facebook.com/docs/instant-articles/reference/embeds

它基本上只是一个 iframe，您可以在其中添加 js 脚本内联或指向使用pdf.js 之类的托管页面。

以下是一些假设 pdf.js 的示例：

嵌入式 op-interactive（未经测试，从他们的 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>

这个时候真的没有别的办法了。