You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Google Sheet WebApp:如何通过代码按需显示按钮(解决HTML转义问题)

解决Google Sheet WebApp中HTML按钮显示为纯文本的问题

问题出在你用了<?= HTMLToDisplay ?>这个输出语法——Google Apps Script的HTML模板里,<?= ... ?>会自动转义HTML特殊字符,导致你的按钮代码被转成纯文本而非渲染成按钮。

两步解决:

  1. 替换输出语法:把<?= HTMLToDisplay ?>改成<?!= HTMLToDisplay ?>,!=表示不转义输出原始HTML内容。
  2. 优化代码拼接:用模板字符串替代繁琐的引号拼接,减少出错概率。

修改后的完整代码示例:

<?
var HTMLToDisplay = "";
if (data[i][5] == 0) {
  HTMLToDisplay = "";
} else {
  // 用模板字符串简化拼接,更易读且不易出错
  HTMLToDisplay = `<input type="button" value="Réserver" onclick="openForm('${new Date(data[i][4]).toLocaleDateString('fr-BE', options)}', '${data[i][3]}', ${data[i][0]})" />`;
} 
?>
                    
<?!= HTMLToDisplay ?> 

这样修改后,满足条件时就会正确渲染出按钮,而不是显示纯文本代码。

内容的提问来源于stack exchange,提问作者Waza_Be

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.18 16:10:20