一个项目，可帮助您从Google Apps脚本中识别和编辑Google文档中的表格和单元格

Question

我的编程技能很少，并且在雇用某人对整个事情进行编码之前，尝试进行一个简单的概念证明。

我正在创建一个基于动态文档的输入表单结果。我想做两件事我无法弄清楚：

* edit：表单数据进入Google表格。文档开头有一个表，其中包含有关约会的信息。

我想把单词放在文档约会信息表的特定单元格中，并将其用作文件名。但是，我不知道如何识别该单元格文本的索引。
更改特定索引的标题格式。我知道如何插入格式化的文本，删除文本等。但无法弄清楚如何更改现有文本的格式。

我尝试了.getParent（）、. getChildIndex（），getNextSibling（）等的各种变体。

以下是示例document

的链接

以下是我尝试在标签“ Psychometrist”旁边的单元格中查找索引的一些操作：

function findElement() {
  var foundTag = body.findText('Psychometrist');
  if (foundTag != null) {
    var tagElement = foundTag.getElement();
    var parent = tagElement.getParent();
    var parentLoc = parent.getParent().getChildIndex(parent);
    var parentTwo = parent.getParent();
    var parentTwoLoc = tagElement.getPreviousSibling();
    var parentTwoLocA = parentTwoLoc.
  } 

    Logger.log(tagElement);
    Logger.log(parent);
    Logger.log(parentLoc);
    Logger.log(parentTwo);
    Logger.log(parentTwoLoc);
}

我在这里完全迷路了。我只是想弄清楚如何告诉文件名代码在该位置获取文本，因为文本会有所不同。

还要更改特定位置的文本格式。

Answer 1

一个项目，可帮助您从Google Apps脚本中识别和编辑Google文档中的表格和单元格

此项目将加载到侧栏中，并读取文档以查找表。当找到显示的表时，所有行，单元格，行索引，单元格索引和单元格文本。每个单元格都有一个文本框和一个保存按钮，可用于编辑单元格文本。但是您也可以只获取要在自己的程序中使用的索引。

您将必须创建一个名为'script'的html文件，并将script.html代码加载到其中，其余代码可以放入Code.gs文件中。如果您从正在工作的项目中分离出一个项目，则可以运行onOpen，它将创建一个菜单，该菜单不会打扰项目中的任何可能菜单。

Code.gs：

函数“ findingTableCells（）”生成了一个侧边栏，该边栏使用了模板化方法，因此可以使用较少繁琐的方法开发Javascript函数，而不是像将它们缩小一样尝试包含在字符串中。它还包含一些工具提示，可帮助您识别各种索引和表元素。

function onOpen() {
  DocumentApp.getUi().createMenu('Table Menu')
  .addItem('Find Table Cells', 'findingTableCells')
  .addToUi();
}



function findingTableCells() {
  var d=DocumentApp.getActiveDocument();
  var body=d.getBody();
  var numChildren=body.getNumChildren();
  var html='<html><head>';
  html+='<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>';
  html+='<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">';
  html+='<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>';
  html+='<style>';
  html+='body{font-size:14px;font-family:calibri;}';
  html+='td,th{border:1px solid black;}';
  html+='.tblcell input[type="text"]{background-color:#ffff00;margin:2px 1px;}';
  html+='.tblcell input{margin:1px;}';
  html+='.tblcell a{text-decoration:none;}';
  html+='.childhdr{background-color:#00ffff;}';
  html+='.childhdr a{text-decoration:none;}';
  html+='</style></head><body><table>';
  for(var i=0;i<numChildren;i++) { 
    var child=body.getChild(i);
    if(child.getType()==DocumentApp.ElementType.TABLE) {
      html+=Utilities.formatString('<span class="childhdr">Child[<a href="#" title="Child Index">%s</a>]:</span><br />',i);
      var numRows=child.asTable().getNumRows();
      for(var ri=0;ri<numRows;ri++) {
        var numCells=child.asTable().getRow(ri).getNumCells();
        for(var ci=0;ci<numCells;ci++) {
          var cellText=child.asTable().getRow(ri).getCell(ci).editAsText().getText();
          html+=Utilities.formatString('<span class="tblcell">R:[<a href="#" title="Row Index">%s</a>]&nbsp;C:[<a href="#" title="Cell Index">%s</a>]:<input type="text" value="%s" id="%s-%s-%s" size="10" title="Editable Cell Text"/>',ri,ci,cellText,i,ri,ci);
          html+=Utilities.formatString('<input type="button" value="Save" onClick="saveCellText({child:%s,row:%s,cell:%s})" title="Saves Text using slightly different text style."/>', i,ri,ci);
          html+=Utilities.formatString('<input type="button" value="Bold" onClick="setCellTextStyleBold({child:%s,row:%s,cell:%s})" title="Bolds & Enlarges Text"/></span><br />', i,ri,ci);
        }
      }
    }
  }
  html+='<?!= include("script") ?>'
  html+='</table></body></html>';
  var ui=HtmlService.createTemplate(html).evaluate().setTitle('Finding Table Cells');
  DocumentApp.getUi().showSidebar(ui);
}

function include(filename) {
  return HtmlService.createHtmlOutputFromFile(filename).getContent();
}

function saveCellText(cObj) {
  var doc=DocumentApp.getActiveDocument();
  var body=doc.getBody();
  body.getChild(cObj.child).asTable().getRow(cObj.row).getCell(cObj.cell).editAsText().setText(cObj.text).setAttributes(Normal1);
  return cObj;
}

function setCellTextStyleBold(cObj) {
  var doc=DocumentApp.getActiveDocument();
  var body=doc.getBody();
  body.getChild(cObj.child).asTable().getRow(cObj.row).getCell(cObj.cell).editAsText().setAttributes(Bold1);
  return cObj;
}

style.gs：

style.gs文件仅包含几个简单的样式对象，用于演示如何以编程方式更改样式。

var Bold1={};
Bold1[DocumentApp.Attribute.BOLD]=true;
Bold1[DocumentApp.Attribute.FONT_SIZE]=14;
var Normal1={};
Normal1[DocumentApp.Attribute.BOLD]=false;
Normal1[DocumentApp.Attribute.FONT_SIZE]=10;

script.html

这里只有两种功能，一种以一种样式保存您在单元格中所做的所有编辑。另一个只是加粗并放大了文本。它们都与google.script.run执行客户端到服务器的通信。

<script>
  function saveCellText(cObj) {
    var id='#' + cObj.child + '-' + cObj.row + '-' + cObj.cell;
    $(id).css('background-color','#ffffff');
    var txt=$(id).val();
    cObj['text']=txt;
    google.script.run
    .withSuccessHandler(function(cObj) {
      var id1='#' + cObj.child + '-' + cObj.row + '-' + cObj.cell;
      $(id1).css('background-color','#ffff00');
    })
    .saveCellText(cObj);
  }
  function setCellTextStyleBold(cObj) {
    var id='#' + cObj.child + '-' + cObj.row + '-' + cObj.cell;
    $(id).css('background-color','#ffffff');
    var txt=$(id).val();
    cObj['text']=txt;
    google.script.run
    .withSuccessHandler(function(cObj) {
      var id1='#' + cObj.child + '-' + cObj.row + '-' + cObj.cell;
      $(id1).css('background-color','#ffff00');
    })
    .setCellTextStyleBold(cObj);
  }
</script>

Here's another approach，它将所有原始属性存储在客户端的全局数组中。

如何识别Google文档元素索引？

1 个答案:

一个项目，可帮助您从Google Apps脚本中识别和编辑Google文档中的表格和单元格