LANG SELRCT

Google Apps Scriptのコードを書く場所  (新規作成: スプレッドシート | スクリプトエディタ

2021年1月30日土曜日

スプレッドシートの改行をHtmlServiceで表現したい value.replace(/\n/g, "<br>")


セル内の改行は "\n"
それをHTML側で "<br>" に置き換えます。

複数の改行へ対応できるようにgを加えて

value.replace(/\n/g, "<br>");

(valueはシートから取得したセルの値)

手元ではこれで実現できました。


やってみる

STEP1
A1セルに
あいうえお
かきくけこ
さしすせそ
という値を入れておきます。


STEP2
セルの改行を<br>に置き換えないとこうなります。
あいうえお かきくけこ


STEP3
セルの改行を<br>に置き換えるとこうなります。
あいうえお
かきくけこ
さしすせそ




コード.gs
function doGet() {
  return HtmlService.createHtmlOutputFromFile("index");
}

function returnA1() {
  const sheet = SpreadsheetApp.getActiveSheet();
  const A1Value = sheet.getRange("A1").getValue();
  return A1Value;
}

意訳
この機能がやること
指定したHTMLファイルを表示する


この機能がやること
スプレッドシートを取得して
A1の値を取得して
返す





index.html
<!DOCTYPE html>
<html>
  <body>
    <div id=main></div>
    <script>
      load();
      function load() {
        google.script.run
        .withFailureHandler(onFailure)
        .withSuccessHandler(onSuccess)
        .returnA1();
      }

      function onSuccess(value) {
        const text = value.replace(/\n/g, "<br>");
        document.getElementById("main").innerHTML = text;
      }

      function onFailure(e) {
        console.log([e.message, e.stack]);
      }
    </script>
  </body>
</html>
意訳
 
 
 
 
 
load()を実行する
この機能がやること
.gsファイルのreturnA1()を実行する
失敗したらonFailureを実行する
成功したらonSuccessを実行する



この機能がやること
渡されたvalueの\nを全部に置き換えて
指定したidの要素へHTML形式で入れる


この機能がやること
コンソールログにエラーメッセージを出す







最新の投稿

選択したテキストを配列に入れてテキストエリアに出力したい

今回やりたいこと アプリケーションの中で 選択したテキストを取得する。 選択したテキストを テキストエリアに入れる。 選択したテキストを 配列に追加していく。 STEP1 「テキストを」を選択するとテキストエリアに「テキストを」が入る。 STEP2 その後、「追加して」を選択する...