將HTML片段加載到Electron中

Question

我正在嘗試開發支持基本插件架構的Electron應用程序。 main.js進程加載一個基本為空的“歡迎”頁面，除了標題的某種標題部分，其中包含一個列出可用插件的下拉菜單。

每個插件都有自己的renderer.js文件，配置數據等。它還提供必要的HTML顯示在div#plugin-container 。 我希望讓渲染器進程將HTML片段加載到上述div的現有網頁中。

我知道win.loadURL()僅用於main.js ，它加載一個HTML來填充整個窗口。 我想將片段加載到現有頁面中。 jQuery有$('div#plugin-container').load()方法可以滿足我的需要，但它只是從服務器加載HTML，據我所見。 我想從Electron應用程序中加載它。

有任何想法嗎？

披露：我以前發布的這條消息對原子討論區在這里 ，但希望能得到從SO社區更好的響應。

Answer 1

無論您訪問HTML的方式是什么，如果您將其解析為字符串，您始終可以在頁面中呈現它。 如果您想從文件中讀取，您可以執行以下操作：

const fs = require('fs')

fs.readFile('path/to/thehtml.html', (err, data) => {
   document.getElementById('some-element').innerHTML = data
})

如果您希望用戶選擇文件，您應該使用Electron的dialog API，它允許您通過對話框提示用戶選擇文件。 或者您可以輸入文本並從那里讀取。