使用 Electron.js 加载 Nunjucks 模板答案

【问题标题】：Loading a Nunjucks template with Electron.js使用 Electron.js 加载 Nunjucks 模板
【发布时间】：2018-11-20 16:55:07
【问题描述】：

我想在电子应用程序中使用 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？

非常感谢大家

【问题讨论】：

【解决方案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));

用你的 nunjucks 渲染：

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

【讨论】：