GASによるHTML出力時のエスケープ処理について

スプレッドシートに記載した項目をHTMLとして吐き出すGASを組みました。

スクリプトで登録したHTML上の はHTMLタグとして読み込まれましたが
スプレッドシートから読み込む部分で、改行タグがエスケープ処理され

&lt;br&gt;

として吐き出されます。

▼GAS

function exportHTML() {
　var sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName("シート名");
 
  // 最終行を取得して商品点数を計算（-1は見出し行）
  var count = sheet.getLastRow() - 1;
  
  // HTMLテンプレートファイル指定（index）
  var html = HtmlService.createTemplateFromFile("index");
  
  // 商品データをHTMLテンプレートファイルに
  html.productData = sheet.getRange(2, 1, count, 6).getValues();
  Logger.log(html.productData);

  var outputFolder = DriveApp.getFolderById("フォルダID");
  var date = new Date();
  outputFolder.createFile("HTML_" + Utilities.formatDate(date, "Asia/Tokyo", "yyyyMMddhhmmss"), html.evaluate().getContent(), MimeType.HTML);

}

▼HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>タイトル</title>
<meta name="description" content="">
<meta name="keywords" content="">
</head>
<body>

<? productData.forEach(function(option) { ?>
<p>
<?= option[1].replace(/\r?\n/g, '<br>'); ?>
</p>
<? }); ?>

</body>
</html>

スプシのセル内の改行を タグとして吐き出したいのですが
ご教示いただけますでしょうか。

itagagaki

2022/06/01 05:03

置換しているところだけでなく出力しているところのコードも提示してください。

ppppp_123123

2022/06/01 05:59

ありがとうございます！追記いたしました！よろしくお願いいたします！

itagagaki

2022/06/01 08:02

ん？ <? productData.forEach(function(option) { ?> って、コードはJavaScriptっぽいけどPHPタグの中に記述していますか？これ、どう動くのでしょう…

ppppp_123123

2022/06/01 08:15

このGAS自体、下記ブログを参考に作ったものです。自分自身プログラマーではないので、知識不足で大変申し訳ないですが原因わかりましたら、ご教示いただきたく、、、。 https://www.terakoya.work/google-spread-sheet-html-template-output-save/

行動規範の内容に同意します

回答1件

ベストアンサー

このような感じでしょうか？

gs
1function exportHTML() {
2　var sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName("シート名");
3 
4  // 最終行を取得して商品点数を計算（-1は見出し行）
5  var count = sheet.getLastRow() - 1;
6  
7  // HTMLテンプレートファイル指定（index）
8  var html = HtmlService.createTemplateFromFile("index");
9  
10  // 商品データをHTMLテンプレートファイルに
11  html.productData = sheet.getRange(2, 1, count, 6).getValues();
12  Logger.log(html.productData);
13
14  var outputFolder = DriveApp.getFolderById("フォルダID");
15  var date = new Date();
16  outputFolder.createFile("HTML_" + Utilities.formatDate(date, "Asia/Tokyo", "yyyyMMddhhmmss"), html.evaluate().getContent().replace(/&lt;br&gt;/g, '<br>'), MimeType.HTML);
17}