我正在使用Google Apps脚本创建自己的表单。我还可以为Google电子表格设置值并引入引导程序。但是我不能使用jQRangeSlider。http://ghusse.github.io/jQRangeSlider/
我想使用此文件'jQRangeSlider-min.js'。
请告诉我如何将jQRangeSlider-min.js用于Google Apps脚本。
在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>
这些是有关此主题的文档的一些链接。