谷歌应用程序脚本 jQRangeSlider

Question

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

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

请告诉我如何将 jQRangeSlider-min.js 用于 google 应用程序脚本。

Answer 1

在 Google Apps Script (GAS) 中，您可以使用HTML 服务来创建和提供能够与服务器端功能交互的 html，因此如果您尝试在 GAS 中创建网页，我将假设您已经知道.

如果你想在你的 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 服务最佳实践

Html 服务限制

Html 服务：创建和提供 Html

谷歌应用程序脚本 jQRangeSlider

问题描述

1 个解决方案

解决方案1
1 2020-04-05 02:11:58

谷歌应用程序脚本 jQRangeSlider

问题描述

1 个解决方案

解决方案1 1 2020-04-05 02:11:58

解决方案1
1 2020-04-05 02:11:58