HTML 到 Google 表格中的图像到 Google Apps 脚本上的 Google 云端硬盘

Question

我正在尝试将 html 转换为图像并将其保存到 Google Drive。我在这个网站上找不到例子，然后我问这个问题。

我在脚本上形成 html 文本并将其发送到电子邮件。它看起来像这样： HTML on Email

我想将 HTML Table 转换为图像并将其保存到 Google Drive 一些这样的结构：

  file[i] = DriveApp.createFile(img);
  file[i].setName(text + "_#" + (i + 1));

Answer 1

我相信你的目标如下。

• 您想使用 Google Apps 脚本为图像创建 HTML 表格。

在这种情况下，下面的示例脚本怎么样？在这个示例脚本中，我使用了类图。

示例脚本：

const html = '<table border="1" style="border-collapse: collapse" width="100%" height="100%"><tr><th>colA</th><th>colB</th><th>colC</th></tr><tr><td>A1</td><td>B1</td><td>C1</td></tr><tr><td>A2</td><td>B2</td><td>C2</td></tr><tr><td>A3</td><td>B3</td><td>C3</td></tr></table>';
const img = Charts.newTableChart().setDataTable(Charts.newDataTable().addColumn(Charts.ColumnType.STRING, '').addRow([html]).build()).setOption('allowHtml', true).setDimensions(600, 300).build().getBlob();

file[i] = DriveApp.createFile(img);
file[i].setName(text + "_#" + (i + 1));

• html 是一个示例 HTML 表格。请为您的 HTML 表格修改它。示例 HTML 表格如下。

      <table border="1" style="border-collapse: collapse" width="100%" height="100%"><tr><th>colA</th><th>colB</th><th>colC</th></tr><tr><td>A1</td><td>B1</td><td>C1</td></tr><tr><td>A2</td><td>B2</td><td>C2</td></tr><tr><td>A3</td><td>B3</td><td>C3</td></tr></table>

• 上面的脚本运行时，得到如下图。

• 在此示例脚本中，图像大小为setDimensions(600, 300)。所以请根据您的实际情况进行修改。

• 例如，如果要将HTML表格保存为PDF文件，请修改img如下。

    const img = Utilities.newBlob(html, MimeType.HTML).getAs(MimeType.PDF);
  

参考资料：

• Class Charts
• newDataTable()