2015-02-04 5 views
0

Sencha Touch 2의 Ext.Container에 pdf 콘텐츠를 표시하려고합니다. 몇 가지 방법으로 답변을 시도했지만 모두 작동하지 않았습니다. 시도Ext.Container에서 PDF보기 SENCHA TOUCH 2

몇 가지 포함 :

  1. HTML로 파일 내용을 변환하여 BODY 태그 내부의 HTML을 추출하고 컨테이너의 Ext.XTemplate에 넣어 시도. HTML을 .doc 파일에서 변환하는 경우에만이 멋진 방법으로 재생할 수 있지만이 코드는 .pdf 파일이면 PDF 파일을 HTML로 변환하면 모든 DIV 내부에 절대 위치로 position: absolute이 추가되므로 디자인이 엉망입니다. 부모 요소는 어떤 높이도 가지지 않을 것이고 나는 스크롤링 문제에 붙어있다.
  2. 예를 들어

:

<div style="position:relative;display:inline-block;;top:994px;left:712px;font-family:'Times New Roman';font-size:10pt;white-space:nowrap;">description</div> 

두 번째 시도는, 2. 링크로 IFRAME 및 EMBED 태그에 PDF 퍼팅과 Ext.XTemplate에 넣어 시도하지만,이 태그는 모바일에서 작동하지 않습니다 . 예를 들어

:

<embed type="application/pdf" width="800px" height="800px" src="example.pdf" /> 

<iframe style="position:absolute; z-index: 1; left: 0; top: 0;" width="100%" height="2000" src="example.pdf"></iframe> 

은 (이어야 몇 서식 또는 내용)/열려있는 PDF를 표시하는 방법을 몇 가지 아이디어를주십시오. 또는 플러그인을 표시 할 플러그인이 있습니까? 하나의 최종 솔루션은 Google 워드 프로세서를 사용하여 보여 주지만 제 초기 요구 사항은 Google Docs와 같은 제 3 자 서비스를 사용하지 않는 sencha touch 2 앱에서 PDF 콘텐츠를 보여줍니다.

답변

0

매우 유용한 PDFObject 라이브러리입니다. Sencha Touch 2를 기반으로하는이 써드 파티 라이브러리를 브라우저에 추가했는데 현재 문제는 Ipad ..--(

)입니다.
1

당신은 아이폰 OS에서 파일을 여는 인앱 브라우저 플러그인을 사용할 수 있습니다

function openPDF(){ 
     ref = window.open('http://static.googleusercontent.com/media/www.google.com/en/us/webmasters/docs/search-engine-optimization-starter-guide.pdf', '_blank', 'location=no'); 
     ref.addEventListener('exit', function() { 
      ref.removeEventListener('exit', function(){}); 
      ref.close(); 
     }); 
    } 
:

것은이 같은 inappbrowser의 cordoav 플러그인 및 열린 파일을 설치