在electron.js中打开文件

Posted 2021-04-08

我想制作electronjs文本编辑器应用程序，我希望能够使用编辑器内部编写的脚本打开新窗口。例如，我的编辑器中有一个小脚本，当我在浏览器中按下打开时，它会在浏览器窗口中打开并加载。这是我的代码的一部分。

function createWindow() {
  // Create the browser window.
  mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
  });

  // and load the index.html of the app.
  mainWindow.loadURL(
    url.format({
      pathname: path.join(__dirname, 'index.html'),
      protocol: 'file:',
      slashes: true,
    })
  );

  // Open the DevTools.
  mainWindow.webContents.openDevTools();

  // Emitted when the window is closed.
  mainWindow.on('closed', function() {
    // Dereference the window object, usually you would store windows
    // in an array if your app supports multi windows, this is the time
    // when you should delete the corresponding element.
    mainWindow = null;
  });

  // trigger autoupdate check
  autoUpdater.checkForUpdates();
}

我在html中的按钮：

<button id="openBrowser"><img src="img/16x16/diskette.png"/>Open in Browser </button>

答案

如果您尝试在外部窗口中打开它，则需要导入shell

const shell = require('electron').shell

然后你需要使用shell的openExternal方法

shell.openExternal('yourpathhere')

这就是你要追求的吗？

https://github.com/electron/electron/blob/master/docs/api/browser-window.md