FB 인스턴트 기사 : 인스턴트 기사 안에 PDF 파일을 표시 할 수 있습니까?

Question

저는 facebook instant articles을 (를) 처음 사용합니다. 정치적 연구를 대표하는 PDF 파일에 의존하는 웹 사이트가 있습니다. 웹 사이트의 각 기사 (페이지)에는 PDF 파일이 들어 있습니다. 인스턴트 아티클 내에 PDF 파일을 표시 할 수있는 방법이 있습니까?

Answer 1

인스턴트 아티클은 PDF 형식을 지원하지 않습니다. 지원되는 모든 형식을 볼 수 있습니다 hereBUTop-interactive (Embed)으로 계속해서 PDF를 표시 할 수 있어야합니다. 여기에 문서를 참조하십시오 : https://developers.facebook.com/docs/instant-articles/reference/embeds

그것은 당신이 예를 들어, pdf.js 같은 것을 사용하는 호스팅 페이지에 JS 스크립트 인라인 또는 포인트를 추가 할 수있는 하나 기본적으로 그냥 iframe이 있습니다.

임베디드 연산 형 (테스트되지 않은, 자신의 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 기반의 연산 형이 :

다음

는 가정 pdf.js 몇 가지 예입니다

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

현재로서는 다른 방법이 없습니다.