Google 电子表格转 HTML（可编辑）答案

【问题标题】：Google Spreadsheet to HTML (editable)Google 电子表格转 HTML（可编辑）
【发布时间】：2023-03-13 01:13:02
【问题描述】：

我有我的 Google 电子表格 (GS) 文件，但它不是“设计丰富”。我想在 HTML 网页上进行设计，并以某种方式将 Google Sheet 与它“合并”，这样用户仍然可以在字段中输入值并获得计算结果。

GS 和 HTML 网页之间的唯一区别是网页将有一些为单元格设计的背景。

【问题讨论】：

确定一下，您希望 Google 电子表格具有另一种样式但具有所有功能？
是的。我只需要将 3 个单元格 (a,b,c) 输出到 html 并为它们进行更好的图形设计（例如，单元格 A 将在左角，在某些图片中是圆形的，单元格 B 将在底部，而单元格 C将在中间和一些背景上）。
同样的问题..你解决了吗？

【解决方案1】：

我的方法是提供一个自定义菜单来呈现所选单元格的 html 内容：我编译了几个示例以获得这个简单的结果：

// This will run when the spreadsheet is opened or the browser page is refreshed
function onOpen() {
  SpreadsheetApp.getUi()
      .createMenu('Custom Menu')
      .addItem('HTML Vue', 'openDialog')`enter code here`
      .addToUi();
}

function openDialog() {
  var ss = SpreadsheetApp.getActive();
  var cell = ss.getActiveCell();  
  var html = HtmlService.createHtmlOutput(cell.getValue());
  SpreadsheetApp.getUi().showModalDialog(html, 'HTML Vue:' );
}

【讨论】：