使用 Google Apps 脚本变量预填充 HTML 输入

Question

我正在 Google Apps 脚本的侧边栏上制作一个表单，我想用用户的电子邮件自动填充“邮件”输入。

我知道这个变量获取的是用户的电子邮件

var email = Session.getEffectiveUser (). getEmail ();

但我不知道如何将从该变量（用户的电子邮件）获得的值传递给表单上的输入（inputmail2）。

HTML 表单代码：

<form action="">
    <div>
      <label for="inputmail2">Mail</label>
      <input type="email" id="inputmail2">
    </div>
    <div>
      <label for="inputproblem">Your Problem</label>
      <textarea id="" ></textarea>
    </div>
    <div>
      <button type="submit">Enviar</button>
    </div>
  </form>

已经非常感谢你了！

Answer 1

您可以为此使用模板化 HTML。使用 scriptlet，您可以将变量传递给 HTML，如 here 所述。

要做到这一点，您需要将其放入您的 .gs 代码：

var ui = SpreadsheetApp.getUi();
var email = Session.getEffectiveUser().getEmail();
var html = HtmlService.createTemplateFromFile('filename');
html.email = email;
var output = html.evaluate();
ui.showSidebar(output);

然后对于您的表单，您需要插入 scriptlet <?= email ?> 作为值：

<form action="">
    <div>
      <label for="inputmail2">Mail</label>
      <input type="email" id="inputmail2" value="<?= email ?>">
    </div>
    <div>
      <label for="inputproblem">Your Problem</label>
      <textarea id="" ></textarea>
    </div>
    <div>
      <button type="submit">Enviar</button>
    </div>
  </form>