Question

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

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

请告诉我如何使用google apps脚本的jQRangeSlider-min.js。

Answer 1

在Google Apps脚本（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 Service Best Practices

Html Service Restrictions

Html Service: Create and Serve Html

谷歌应用程序脚本jQRangeSlider

1 个答案: