[Google apps脚本jQRangeSlider

问题描述 投票:1回答:1

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

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

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

javascript jquery google-apps-script
1个回答
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

© www.soinside.com 2019 - 2024. All rights reserved.