Question

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

Answer 1

Instant Articles不支持PDF作为格式。您可以看到所有支持的格式here 但是您仍然可以将{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>

基于网址的互动：

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

目前还没有任何其他办法可以做到。

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

1 个答案: