web-dev-qa-db-ja.com

電子PDFビューアー

PHPサーバーからURLをロードするElectronアプリがあります。ページには、PDFへのソースを持つiFrameが含まれています。PDFページは、通常のWebブラウザですが、Electronでダウンロードを要求します。

HTMLページの私のコードは

<h1>Hello World!</h1>
Some html content here...
<iframe src="http://mozilla.github.io/pdf.js/web/compressed.tracemonkey-pldi-09.pdf" width="1200" height="800"></iframe>

そして、私のjsコードは次のようなものです

mainWindow = new BrowserWindow({width: 800, height: 600})
mainWindow.loadURL(url.format({
pathname: path.join(__dirname, 'index.html'),
protocol: 'file:',
slashes: true
}))

app.on('ready', createWindow)

どんな助けも本当に素晴らしいでしょう...

node.jspdfelectron
12
Hari Babu

Electronはすでに統合されたPDFビューアプラグインを搭載しています。ただし、プラグインはデフォルトで無効になっています。したがって、有効にする必要があります。

BrowserWindow の場合：

let win = new BrowserWindow({
  webPreferences: {
    plugins: true
  }
})

そして <webview> 次のようにします。

<webview src="example.com" plugins></webview>
18
flori

必要になります https://github.com/gerhardberger/electron-pdf-window

例：

const { app } = require('electron')
const PDFWindow = require('electron-pdf-window')

app.on('ready', () => {
  const win = new PDFWindow({
    width: 800,
    height: 600
  })

win.loadURL('http://mozilla.github.io/pdf.js/web/compressed.tracemonkey-pldi-09.pdf')

}）

1
Jason Livesay