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

Question

我正在尝试使用外部 CSS 样式表。 然而，我得到的是 ' * include stylesheet * ' 在我的 html 侧栏中呈现。 我在 code.gs 文件中创建了包含函数。 为什么这不起作用？

索引.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>

代码.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);
}

样式表.html

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

Answer 1

在这个函数中：

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

您正在使用createHtmlOutputFromFile ，它将提供您的Index.html的内容，但它不会执行内部的脚本。

为了执行脚本，您需要创建一个HtmlTemplate然后调用evaluate()方法，您的函数应如下所示：

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

还要删除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