Google Apps Script - 包含外部文件的模板语句不起作用

Question

I'm trying to use external CSS stylesheet.我正在尝试使用外部 CSS 样式表。 However what I get is the ' * include stylesheet * ' rendering in my html sidebar.然而，我得到的是 ' * include stylesheet * ' 在我的 html 侧栏中呈现。 I created the include function in my code.gs file.我在 code.gs 文件中创建了包含函数。 Why is this not working?为什么这不起作用？

Index.html索引.html

<!DOCTYPE html>
<html>
 <head>
 <base target="_top">
 <?!= include('stylesheet'); ?>
 </head>
 <body>
  <script
   src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
  </script>
 </body>
</html>

Code.gs代码.gs

function onOpen() {
 SpreadsheetApp.getUi()
 .createMenu('Form')
 .addItem('Open', 'openSidebar')
 .addToUi();
}
function include(filename) {
 return HtmlService.createHtmlOutputFromFile(filename)
  .getContent();
}
function openSidebar(){
 var htmlOutput = HtmlService.createHtmlOutputFromFile('Index');
 htmlOutput.setTitle('Customer Inquiry Form');
 SpreadsheetApp.getUi().showSidebar(htmlOutput);
}

stylesheet.html样式表.html

<style>
 body{
  background-color:'gray';
 }
</style>

Answer 1

At this function:在这个函数中：

function openSidebar(){
 var htmlOutput = HtmlService.createHtmlOutputFromFile('Index');
 htmlOutput.setTitle('Customer Inquiry Form');
 SpreadsheetApp.getUi().showSidebar(htmlOutput);
}

You're using the createHtmlOutputFromFile and it will serve the content of your Index.html , but it won't execute the scriptlets inside.您正在使用createHtmlOutputFromFile ，它将提供您的Index.html的内容，但它不会执行内部的脚本。

In order to execute the scriptlets you need to create an HtmlTemplate and then call evaluate() method, your function should look like this:为了执行脚本，您需要创建一个HtmlTemplate然后调用evaluate()方法，您的函数应如下所示：

function openSidebar(){
  var template = HtmlService.createTemplateFromFile('Index')
      .evaluate()
      .setTitle('Customer Inquiry Form')
 SpreadsheetApp.getUi().showSidebar(template);
}

Also remove the ' of the value gray in your stylesheet.html :还要删除stylesheet.html 中值gray的' ：

<style>
html{
  background-color: gray;
 }
</style>

Google Apps Script - 包含外部文件的模板语句不起作用

问题描述

1 个解决方案

解决方案1
3 已采纳 2016-09-14 00:12:11

Google Apps Script - 包含外部文件的模板语句不起作用

问题描述

1 个解决方案

解决方案1 3 已采纳 2016-09-14 00:12:11

解决方案1
3 已采纳 2016-09-14 00:12:11