Как получить HTML-код на основе шаблона с данными из Google Sheets

Question

У меня есть шаблон HTML.У меня также есть список продуктов с некоторыми данными в моей таблице.Мне нужен HTML-код для каждого продукта (поэтому я могу скопировать и вставить его туда, где он мне нужен).Кроме того, все данные о продукте должны быть заполнены в шаблоне HTML.Например:

1. У меня есть продукт "А" в листах Google.

   • pirce
   • цвет
   • размер

2. Цена, цвет и размер вставляются в мой HTML-шаблон

3. Я получаю HTML-код.
4. То же самоедля продукта B, продукта C и т. д.

Я просто построил некоторые функции на JavaScript для обработки некоторых вычислений, но мне не удалось выяснить, как это на самом деле работает с HTML.Любые высокоуровневые или предпочтительно низкоуровневые шаги хороши.Любые ссылки и / или предложения тоже будут хорошими.

Answer 1

Эта функция создает HTML для таблицы.Данные взяты из листа продуктов, который показан внизу.Данные отображаются в виде диалогового окна, но могут легко стать веб-приложением.

function getProductData() {
  var ss=SpreadsheetApp.getActive();
  var sh=ss.getSheetByName('Products');
  var rg=sh.getDataRange();
  var vA=rg.getValues();
  var html='<style>th,td{border:1px solid black;}</style><table><tr><th>Item</th><th>Name</th><th>Color</th><th>Size</th><th>Price</th></tr>';
  for(var i=1;i<vA.length;i++) {
    html+=Utilities.formatString('<tr><td>%s</td><td>%s</td><td>%s</td><td>%s</td><td>%s</td></tr>',vA[i][0],vA[i][1],vA[i][2],vA[i][3],vA[i][4]);
  }
  html+='</table>';
  var userInterface=HtmlService.createHtmlOutput(html);
  SpreadsheetApp.getUi().showModelessDialog(userInterface, 'My Products');
}

Вот так выглядит мой лист продуктов: