谷歌应用程序脚本jQRangeSlider

时间:2017-08-12 04:59:36

标签: javascript jquery google-apps-script

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

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

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

1 个答案:

答案 0 :(得分: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

相关问题