Question

我有一个谷歌电子表格，我正在尝试使用谷歌网站建立一个网页。我不想嵌入整张纸，甚至是一系列细胞。我只是希望我的网页显示电子表格中某些单元格的文本，我希望能够使用HTML设置该文本的样式。

例如，在单元格A1中的值是“今天有3个游戏”。

我希望能够将此文字放在我的网页上，然后给它一个字体大小，对齐方式，并将其放在一个带有边框和弯角（边框半径）的框中。

我认为可能有几种方法可以实现这一点，但我最接近的方法是在页面中插入'Apps script gadget'并使用doGet（）方法：

function doGet(e){   
var app = UiApp.createApplication();

var ss = SpreadsheetApp.openById('SPREADSHEET_KEY');
var sheet = ss.getSheetByName("Sheet1");
var range = sheet.getRange('A1');
var dataRange =  range.getValue().toString();

 app.add(app.createHTML("There are " + dataRange + " games today"))
 return app;  
}

但我不知道如何将HTML添加到网页上以使其看起来很花哨。我甚至无法在脚本中设置任何内容，例如字体对齐。我试过了

.setHorizontalAlignment('center')

但我不断收到诸如“找不到方法（类）setHorizontalAlignment（string）”之类的错误。任何人都可以指出我正确的方向吗？

非常感谢提前

Answer 1

大多数样式属性都可以使用.setStyleAttributes()进行设置。

.setStyleAttribute("fontSize","200%");

注意：您需要使用camelCase，而不是编写font-size或margin-left。

.setStyleAttributes({marginLeft:"15px",marginTop:"22px"});

这些只是如何使用它的几个例子。

要使用水平对齐，您应该使用

.setHorizontalAlignment(UiApp.HorizontalAlignment.CENTER);

使用Google脚本的自动填充功能查看您可以使用的所有选项。

如果您已熟悉HTML，请考虑使用HTML模板将变量从电子表格中提取到HTML中。 Templated HTML

在Google协作平台中将Google电子表格数据显示为HTML？

1 个答案: