谷歌应用脚本 jQRangeSlider答案

【问题标题】：google apps script jQRangeSlider谷歌应用脚本 jQRangeSlider
【发布时间】：2017-08-12 04:59:35
【问题描述】：

我正在使用 Google 应用程序脚本创建自己的表单。我还可以为 google 电子表格设置值并引入 bootstrap。但是我不能用jQRangeSlider。http://ghusse.github.io/jQRangeSlider/

我想使用这个文件'jQRangeSlider-min.js'。

请告诉我如何将 jQRangeSlider-min.js 用于 Google Apps 脚本。

【问题讨论】：

您只能使用 HTMLService 来调用 jquery 文件，如 document 中所述。您还可以查看相关的SO post 以查看一些示例。希望这会有所帮助。
谢谢你的回答我明白了。

标签： javascript jquery google-apps-script

【解决方案1】：

在 Google Apps 脚本 (GAS) 中，您可以使用 HTML 服务 创建和提供能够与服务器端功能交互的 html，因此如果您尝试在 GAS I 中创建网页'我会假设你已经知道了。

如果您想在 html 文档中使用 jQRangeSlider 库，您可以通过指向上传到 cdn 上的库来实现（即https://cdnjs.com/）

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jQRangeSlider/5.7.2/jQEditRangeSlider.min.js"></script>
  </head>
  <body>

  </body>
</html>

或者你可以将min库的内容复制到<script>标签之间的html文档中

<script>
  // ALL THE JAVASCRIPT LIBRARY CONTENT GOES HERE
</script>

然后将内容包含在您的主 html 文档中，但为此您必须在 GAS 文件 (.gs) 中创建一个方法来导入文件内容，因此您的 .gs 最终将如下所示

function doGet(request) {
  return HtmlService.createTemplateFromFile('index')
      .evaluate();
}

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

而您的主 html 可能与此类似

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
    <?!= include('jQuery.min.js'); ?>
    <?!= include('jQEditRangeSlider.min.js'); ?>
  </head>
  <body>

  </body>
</html>

这些是有关此主题的文档的一些链接。

Html Service Best Practices

Html Service Restrictions

Html Service: Create and Serve Html

【讨论】：