使用 Electron.js 加载 Nunjucks 模板

Question

我想使用 nunjucks 渲染作为我的电子应用程序窗口的 HTML，但我找不到方法，这可能吗？ 据我所知，有两种方法可以在窗口中加载 HTML：

  // Load a remote URL
  win.loadURL('https://github.com')

  // Or load a local HTML file
  win.loadURL(`file://${__dirname}/app/index.html`)

当我呈现我的 nunjucks 模板时，我将一个字符串存储在一个 javascript 变量中：

render = nunjucks.render('./template/Template.html', data);

如何将该字符串用作窗口的 html？

非常感谢大家

Answer 1

您可以将 HTML 打包到数据 URI 中并将其传递给 win.loadURL：

const html = "<html><body><h1>Hello, world!</h1></body></html>";
win.loadURL("data:text/html;charset=utf-8," + encodeURI(html));

用你的修女渲染：

const render = nunjucks.render('./template/Template.html', data);
win.loadURL("data:text/html;charset=utf-8," + encodeURI(render));