如何用Google Sheets脚本中HTML模板填充自动生成的Google Doc？

问题出在你使用replaceText直接插入HTML字符串，Google Docs不会解析HTML标签，只会将其作为纯文本展示。要实现格式化文本插入，需要改用insertHtml方法来处理HTML内容，具体解决方案如下：

修改后的完整代码 #

function htmlTemplate() {
  var sheet = SpreadsheetApp.getActiveSpreadsheet();
  var sheetTemplate = sheet.getSheetByName('template');
  var DOC_ID = '1I5q7BnAdj-KcF10Q6N9TgemMZt0Vkq15ipUfhA_iJTI';

  var temploc = DriveApp.getFileById(DOC_ID);
  var dataRange = sheetTemplate.getRange('A1:H1').getValues();
  
  // 提取数据（简化循环逻辑）
  var rowData = dataRange[0];
  var dataOne = rowData[0];
  var dataTwo = rowData[1];
  var dataThree = rowData[2];

  // 获取当前表格所在文件夹
  var ssloc = DriveApp.getFileById(sheet.getId());
  var ssfolder = ssloc.getParents().next();

  // 复制模板并打开新文档
  var newcopy = temploc.makeCopy(dataOne, ssfolder);
  var doc = DocumentApp.openById(newcopy.getId());
  var docBody = doc.getBody();

  // 渲染HTML模板
  var htmlBody = HtmlService.createTemplateFromFile('practice-template');
  htmlBody.data = {
    data_one: dataOne,
    data_two: dataTwo,
    data_three: dataThree,
  };
  var content = htmlBody.evaluate().getContent();
  
  // 关键修改：替换占位符并插入解析后的HTML
  var placeholder = "{{body}}";
  var foundElement = docBody.findText(placeholder);
  if (foundElement) {
    var textElement = foundElement.getElement();
    var startOffset = foundElement.getStartOffset();
    var endOffset = foundElement.getEndOffsetInclusive();
    
    // 删除占位符文本
    textElement.deleteText(startOffset, endOffset);
    
    // 在占位符位置插入HTML内容
    textElement.insertHtml(startOffset, content);
  }

  doc.saveAndClose();
}

核心修改说明 #

1. 定位占位符：使用findText方法找到{{body}}的位置，获取对应的文本元素和偏移量
2. 删除占位符：通过deleteText移除占位符文本，避免残留
3. 插入解析后的HTML：调用insertHtml方法，将渲染后的HTML内容插入到原占位符位置，该方法会自动将HTML标签转换为Google Docs支持的格式化样式（如标题、段落、加粗、列表等）

注意事项 #

• 确保你的practice-template.html中的HTML标签是Google Docs支持的，支持的标签包括<p>、<h1>-<h6>、<b>、<i>、<ul>、<ol>、<li>等，复杂HTML可能无法完全解析
• 如果占位符在文档中多次出现，需要循环处理所有匹配结果

内容的提问来源于stack exchange，提问作者mrerikmt