Firestore Send Email扩展：模板数据字段HTML渲染可行性问询

核心结论：可以在数据字段中传入HTML并正常渲染，但需正确使用模板语法，同时保证HTML结构合法。

问题1：HTML显示为原始字符串 #

原因：模板默认会转义变量中的HTML特殊字符（比如<转成<），导致标签无法解析。
解决方法：使用Handlebars的不转义语法，将模板中的变量从{{inviteMessage}}改为{{{inviteMessage}}}（三重花括号），这样扩展会直接渲染变量中的HTML内容，而非转义。

问题2：传入表格片段后邮件无法发送 #

原因：你提供的HTML存在结构错误——<td>标签直接包裹<tr>不符合HTML规范，<tr>必须嵌套在<table>内部，这种语法错误会导致邮件解析失败，进而发送失败。
修正后的HTML结构示例：

<!-- Member Info Content -->
<table>
  <tr>
    <td style="flex: 0 0 auto; display: flex; align-items: flex-start; flex-direction: column; justify-content: center;" class="details-member-info">
      <table>
        <tr>
          <td><h2 style="font-family: 'Inter', sans-serif;">Members</h2></td>
        </tr>
        <tr>
          <td style="text-align: left; padding-left: 48px;">
            <ul style="position: relative; padding-inline-start: 0px;">
              <li style="height: 48px; list-style-type: none; padding: 8px;" class="member-li list-item">
                <img alt="image" src="https://firebasestorage.googleapis.com/v0/b/iron-accountability.appspot.com/o/userImages%2FoXC9rWMsUDezvKe0Vu09ON1NMc42%2FprofileImage.jpg?alt=media&token=992e6a97-3755-463b-afab-87b89cc9f7a2" style="width: 48px; height: 48px; display: inline-block; vertical-align: middle; object-fit: cover; border-radius: 50%; border: 2px solid #000000;" class="member-image" />
                <span style="vertical-align: middle; display: inline-block; padding-left: 8px; font-size: 16px; font-weight: 700; font-family: 'Inter', sans-serif;" class="member-li-name">Charlie Page</span>
              </li>
              <li style="height: 48px; list-style-type: none; padding: 8px;" class="member-li list-item">
                <img alt="image" src="https://www.lattisapp.com/images/blank-avatar.jpg" style="width: 48px; height: 48px; display: inline-block; vertical-align: middle; object-fit: cover; border-radius: 50%; border: 2px solid #000000;" class="member-image" />
                <span style="vertical-align: middle; display: inline-block; padding-left: 8px; font-size: 16px; font-weight: 700; font-family: 'Inter', sans-serif;" class="member-li-name">Charlie Page</span>
              </li>
            </ul>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>

额外注意事项 #

• 确保所有HTML标签闭合、嵌套正确，邮件客户端对HTML的兼容性要求严格，尤其是表格结构必须遵循<table>→<tr>→<td>的层级。
• 若HTML中包含特殊字符（如&），需正确转义为&（你的链接已正确处理）。
• 确认扩展模板配置为HTML类型，避免误设为纯文本模式。

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