谷歌应用脚本;文档;将所选元素转换为 HTML

Question

我刚刚开始使用Google Apps Script并遵循附加组件快速入门

https://developers.google.com/apps-script/quickstart/docs

在快速入门中，可以创建一个简单的加载项，以便从文档中获取选择并使用 LanguageApp 服务进行翻译。该示例使用以下方法获取基础文本：

function getSelectedText() {
  var selection = DocumentApp.getActiveDocument().getSelection();
  if (selection) {
    var text = [];
    var elements = selection.getSelectedElements();
    for (var i = 0; i < elements.length; i++) {
      if (elements[i].isPartial()) {
        var element = elements[i].getElement().asText();
        var startIndex = elements[i].getStartOffset();
        var endIndex = elements[i].getEndOffsetInclusive();
        text.push(element.getText().substring(startIndex, endIndex + 1));
      } else {
        var element = elements[i].getElement();
        // Only translate elements that can be edited as text; skip images and
        // other non-text elements.
        if (element.editAsText) {
          var elementText = element.asText().getText();
          // This check is necessary to exclude images, which return a blank
          // text element.
          if (elementText != '') {
            text.push(elementText);
          }
        }
      }
    }
    if (text.length == 0) {
      throw 'Please select some text.';
    }
    return text;
  } else {
    throw 'Please select some text.';
  }
}

它只获取文本：element.getText()，没有任何格式。

我知道底层对象不是 html，但是有没有办法将选择转换为 HTML 字符串？例如，如果所选内容混合使用多种格式，如粗体：

这是一个带有粗体文本的示例

那么是否有任何方法，扩展，库等 - 如element.getHTML() - 可以返回这个？

这是一个包含 粗体 文本的示例

而不是这个？

这是一个带有粗体文本的示例

Answer 1

有一个脚本 GoogleDoc2HTML 由 Omar AL Zabir 编写。其目的是将整个文档转换为 HTML。由于您只想转换所选元素中的富文本，因此与任务相关的函数将从脚本中processText，如下所示。

该方法getTextAttributeIndices为文本属性的每次更改提供起始偏移量，例如从正常到粗体或返回。如果只有一个更改，那就是整个元素(通常是段落(的属性，这将在 if 语句的第一部分中处理。

第二部分处理一般情况，循环索引并插入与属性对应的 HTML 标记。

脚本不维护，因此请将其视为你自己的代码的起点，而不是现成的库。有一些未合并的 PR 可以改进转换过程，特别是对于内联链接。

function processText(item, output) {
  var text = item.getText();
  var indices = item.getTextAttributeIndices();
  if (indices.length <= 1) {
    // Assuming that a whole para fully italic is a quote
    if(item.isBold()) {
      output.push('<b>' + text + '</b>');
    }
    else if(item.isItalic()) {
      output.push('<blockquote>' + text + '</blockquote>');
    }
    else if (text.trim().indexOf('http://') == 0) {
      output.push('<a href="' + text + '" rel="nofollow">' + text + '</a>');
    }
    else {
      output.push(text);
    }
  }
  else {
    for (var i=0; i < indices.length; i ++) {
      var partAtts = item.getAttributes(indices[i]);
      var startPos = indices[i];
      var endPos = i+1 < indices.length ? indices[i+1]: text.length;
      var partText = text.substring(startPos, endPos);
      Logger.log(partText);
      if (partAtts.ITALIC) {
        output.push('<i>');
      }
      if (partAtts.BOLD) {
        output.push('<b>');
      }
      if (partAtts.UNDERLINE) {
        output.push('<u>');
      }
      // If someone has written [xxx] and made this whole text some special font, like superscript
      // then treat it as a reference and make it superscript.
      // Unfortunately in Google Docs, there's no way to detect superscript
      if (partText.indexOf('[')==0 && partText[partText.length-1] == ']') {
        output.push('<sup>' + partText + '</sup>');
      }
      else if (partText.trim().indexOf('http://') == 0) {
        output.push('<a href="' + partText + '" rel="nofollow">' + partText + '</a>');
      }
      else {
        output.push(partText);
      }
      if (partAtts.ITALIC) {
        output.push('</i>');
      }
      if (partAtts.BOLD) {
        output.push('</b>');
      }
      if (partAtts.UNDERLINE) {
        output.push('</u>');
      }
    }
  }
}

Answer 2

最终制作了一个脚本来支持我的粗体+链接+斜体用例：

function getHtmlOfElement(element) {
  var text = element.editAsText();
  var string = text.getText();
  var indices = text.getTextAttributeIndices();
  var output = [];
  for (var i = 0; i < indices.length; i++) {
    var offset = indices[i];
    var startPos = offset;
    var endPos = i+1 < indices.length ? indices[i+1]: string.length;
    var partText = string.substring(startPos, endPos);
    var isBold = text.isBold(offset);
    var isItalic = text.isItalic(offset);
    var linkUrl = text.getLinkUrl(offset);
    if (isBold) {
      output.push('<b>');
    }
    if (isItalic) {
      output.push('<i>');
    }
    if (linkUrl) {
      output.push('<a href="' + linkUrl + '">');
    }
    output.push(partText);
    if (isBold) {
      output.push('</b>');
    }
    if (isItalic) {
      output.push('</i>');
    }
    if (linkUrl) {
      output.push('</a>');
    }
  }
  return output.join("");
}

您可以简单地使用以下方式调用它：

getHtmlOfElement(myTableCell); // returns something like "<b>Bold</b> test."

Answer 3

这显然是一种解决方法，但是您可以将Google文档复制/粘贴到Gmail中的草稿中，然后可以使用以下命令将该草稿转换为HTML

GmailApp.getDraft(draftId).getMessage().getBody().toString();

我发现这个线程试图通过直接从 Doc 转到 HTML 来跳过该步骤，但我想我会分享。