更新/替换 Google 文档上的内嵌图像

我正在尝试设置一个功能来更新 Google 文档上的图像，就像 Lucidchart Add-on 对其“更新插入图表”功能所做的那样。为此，我目前正在执行以下操作：

• 创建命名范围并将其 id 与生成图像的数据一起存储在文档属性中，以供以后检索。
• 更新时，调用 body.getNamedRangeById() 并将该元素替换为新生成的图像。

这可行，但我遇到了 Lucidchart 不会出现的以下问题：

• 每次更新时，图像后都会添加一个空行。
• 如果用户将图像拖放到文档中以重新定位它，命名范围就会消失，并且我以后无法检索它。
• 如果用户将图像居中，则更新后图像会回到左侧位置，甚至复制其属性

有谁知道替换/更新 Google 文档上引用图像的好策略，就像 Lucidchart 附加更新功能的工作方式一样？

Thanks

当范围移动时，NamedRanges 确实会丢失，因此它们不太适合您的场景。但没有其他方法可以识别元素（这是 Google Docs 的一大缺陷）。

对于图像，您可以使用其 LINK_URL 来识别它，这似乎是 Lucidchart 使用的方法。它不会妨碍用户，因此它可能是一个很好的解决方案。

关于插入图像时获得空行和丢失属性，我想（因为您没有共享任何代码）您将图像直接插入文档正文而不是段落中。然后会自动创建一个段落来包装您的图像，从而导致空行和属性丢失。

这是一些代码示例：

function initialInsert() {
  var data = Charts.newDataTable().addColumn(
    Charts.ColumnType.STRING, 'Fruits').addColumn(
    Charts.ColumnType.NUMBER, 'Amount').addRow(
    ['Apple',15]).addRow(
    ['Orange',6]).addRow(
    ['Banana',14]).build();
  var chart = Charts.newPieChart().setDataTable(data).build();

  var body = DocumentApp.getActiveDocument().getBody()
  body.appendImage(chart).setLinkUrl('http://mychart');
  //here we're inserting directly in the body, a wrapping paragraph element will be created for us
}

function updateImage() {
  var data = Charts.newDataTable().addColumn(
    Charts.ColumnType.STRING, 'Fruits').addColumn(
    Charts.ColumnType.NUMBER, 'Amount').addRow(
    ['Apple',Math.floor(Math.random()*31)]).addRow( //random int between 0 and 30
    ['Orange',Math.floor(Math.random()*31)]).addRow(
    ['Banana',Math.floor(Math.random()*31)]).build();
  var chart = Charts.newPieChart().setDataTable(data).build();

  var img = getMyImg(DocumentApp.getActiveDocument().getBody(), 'http://mychart');
  //let's insert on the current parent instead of the body 
  var parent = img.getParent(); //probably a paragraph, but does not really matter
  parent.insertInlineImage(parent.getChildIndex(img)+1, chart).setLinkUrl('http://mychart');
  img.removeFromParent();
}

function getMyImg(docBody, linkUrl) {
  var imgs = docBody.getImages();
  for( var i = 0; i < imgs.length; ++i )
    if( imgs[i].getLinkUrl() === linkUrl )
      return imgs[i];
  return null;
}

关于 link_url，您当然可以像 Lucidchart 那样链接回您的网站。所以这不仅仅是对用户造成的破坏。