Question

我试图在Sencha Touch 2的Ext.Container中显示pdf内容。尝试了几种方式回答SO但是它们都没有用。

很少有人尝试过，包括：

尝试将文件内容转换为html并在BODY标记内提取HTML并将其放入Container的Ext.XTemplate中。这样我只能玩它很酷，如果从.doc文件转换HTML但是如果它是.pdf文件则会混淆设计，因为当我将pdf文件转换为HTML然后添加在每个DIV中position: absolute并且在绝对位置，父元素将没有任何高度，我仍然遇到滚动问题。

例如：

<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.尝试将PDF放入IFRAME和EMBED标签作为链接，并将它们放入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（或其内容，至少有少量格式）。或者我们有任何插件来显示它。最后一个解决方案是使用谷歌文档，但我最初的要求是在不使用任何第三方服务（如谷歌文档）的sencha touch 2应用程序中显示PDF内容。

Answer 1

您可以使用inapp浏览器插件在iOS中打开文件：

安装inappbrowser cordoav插件并打开如下文件：

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();
        } );
    }

Answer 2

这是非常有用的PDFObject库，我已经将这个第三方库添加到我的项目基于Sencha Touch 2并在浏览器中工作，我当前的问题是在Ipad中显示pdf ..： - （

在Ext.Container SENCHA TOUCH 2中显示PDF

2 个答案: