您如何在 Google Apps 插件脚本中使用外部 javascript 库？

Question

I've been working through the example code as best I can, and I've got an addon that when you click the custom menu, it pops up a dialog based on an html file (the HtmlService class stuff).我一直在尽我所能完成示例代码，我有一个插件，当您单击自定义菜单时，它会弹出一个基于 html 文件（HtmlService 类内容）的对话框。

function showDialog() {
  var html = HtmlService.createHtmlOutputFromFile('dialog')
      .setSandboxMode(HtmlService.SandboxMode.IFRAME)
      .setWidth(400)
      .setHeight(300);
  SpreadsheetApp.getUi() // Or DocumentApp or FormApp.
      .showModalDialog(html, 'Need a name for this');
}

I can't however seem to load any external javascript libraries from this html file.但是，我似乎无法从此 html 文件加载任何外部 javascript 库。 If they're included with the script tag, no errors are thrown, but any attempt to execute javascript within the html file fails silently.如果它们包含在脚本标记中，则不会抛出任何错误，但任何在 html 文件中执行 javascript 的尝试都会以静默方式失败。 I understand that there is a security model, but the documentation is unenlightening.我知道有一个安全模型，但文档没有启发性。

Is this actual html file (an iframe? I can't find it in Dev Tools, assuming that Sheets is rendering everything with a canvas or something like that)?这是实际的 html 文件（一个 iframe？我在开发工具中找不到它，假设 Sheets 正在使用画布或类似的东西渲染所有内容）？

I believe I've read the documentation thoroughly at (and linked from): https://developers.google.com/apps-script/reference/html/我相信我已经彻底阅读了文档（并链接自）： https : //developers.google.com/apps-script/reference/html/

... yet I'm not seeing anything I recognize as relevant to what I'm attempting. ......但我没有看到任何我认为与我正在尝试的东西相关的东西。

Specifically, I'm hoping to be able to use the Dracula graphing library (or perhaps another similar one) to implement a new type of chart.具体来说，我希望能够使用 Dracula 图形库（或者可能是另一个类似的）来实现一种新型图表。 I'll need to be able to execute the methods contained in that library.我需要能够执行该库中包含的方法。

Answer 1

To load external javascript , you have to usescriplets in templated HTML (partially taken from GAS documentation)要加载外部 javascript ，您必须在模板化 HTML 中使用脚本（部分取自 GAS 文档）

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
    <?!= include('StylesheetFileName'); ?>
  </head>
  <body>
    <h1>Welcome</h1>
    <p>Please enjoy this helpful script.</p>
    <?!= include('JavaScriptFileName'); ?>
  </body>
</html>

And in your gs code you would have something like this在你的 gs 代码中你会有这样的东西

function showDialog() {
var html = HtmlService.createTemplateFromFile('dialog')
            .evaluate()
            .setSandboxMode(HtmlService.SandboxMode.IFRAME)
            .setWidth(400)
            .setHeight(300);
        SpreadsheetApp.getUi() // Or DocumentApp or FormApp.
        .showModalDialog(html, 'Dialog Title');
}

function include(filename) {
  return HtmlService.createHtmlOutputFromFile(filename)
      .getContent();
}

您如何在 Google Apps 插件脚本中使用外部 javascript 库？

问题描述

1 个解决方案

解决方案1
2 已采纳 2015-11-17 22:02:15

您如何在 Google Apps 插件脚本中使用外部 javascript 库？

问题描述

1 个解决方案

解决方案1 2 已采纳 2015-11-17 22:02:15

解决方案1
2 已采纳 2015-11-17 22:02:15