LANG SELRCT

コードを書く場所

2019年5月2日木曜日

GoogleドキュメントのテキストをHtmlServiceのテキストエリアに読み込みたい


このようなドキュメントがあって


HtmlServiceで作ったテキストエリアに表示したい




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

function getDocText() {
  var url = 'https://docs.google.com/document/d/1MqQIPvp8NjFrCI8BOOUOMFWh1yXjuIebP1nx9iDoSCU/edit';
  var id = url.split('/d/')[1].split('/')[0];
  var doc = DocumentApp.openById(id);
  var body = doc.getBody().getText();
  return body;
}



index.html
<!DOCTYPE html>
<html>
<body>
  <textarea id="ta" style="width: 20vw;height:90vh;"></textarea>
<script>
getData();

/************************************
elem(id)
************************************/
function elem(id) {
  return document.getElementById(id);
}

/************************************
getData()
************************************/
function getData() {
  google.script.run
  .withFailureHandler(onFailure)
  .withSuccessHandler(gotDocText)
  .getDocText();
}

/************************************
gotDocText(result)
************************************/
function gotDocText(result) {
  elem('ta').value = result;
}

/************************************
onFailure(e)
************************************/
function onFailure(e) {
  alert([e.message, e.stack]);
}

</script>
</body>
</html>