在Google文档中创建彩虹文字

问题描述 投票:0回答:2
var selectedElements = selection.getSelectedElements();
for (var i = 0; i < selectedElements.length; ++i) {
var selectedElement = selectedElements[i];

// Only modify elements that can be edited as text; skip images and other
// non-text elements.
var text = selectedElement.getElement().editAsText();

// Change the background color of the selected part of the element, or the
// full element if it's completely selected.
if (selectedElement.isPartial()) {
  text.setColor(selectedElement.getStartOffset(),
      selectedElement.getEndOffsetInclusive(), '#69359c');
    }
  }
}

上面的文字在Google Doc中进行了选择,并将其更改为十六进制代码#69359c(深紫色)。我搜索了很多网站,很多gits,并请了很多朋友帮助我的项目。

我的最终项目是这样的:

  1. 使用我的选择器(DONE)为Google文档创建菜单
  2. 能够突出显示一定数量的文本并将其更改为颜色数组(ROY G. BIV /彩虹)。
  3. 格式仅适用于Google文档。

如果有人可以帮助我,我将非常感激。

javascript google-apps-script google-docs google-document-viewer rainbow-js
2个回答
1
投票

我刚刚发现了这个问题,很高兴能从我的Rainbow Font Google Docs插件(Magic Rainbow Unicorns)中提供一些工作代码。

第一个问题是你需要在文本上设置前景色,第二个问题是上面的代码只允许部分段落选择。

对于整个选择,请使用以下代码:

var elementText = element.editAsText();
if (elementText) {
  var paragraph = elementText.getText();
  for (var j = 0; j < paragraph.length; j++) {
    elementText.setForegroundColor(j, j, getNextRainbowColour(...));
  }
}

对于部分选择,我使用了这个:

var elementText = element.asText();
var startIndex = element.getStartOffset();
var endIndex = elements.getEndOffsetInclusive();
for (var j = startIndex; j < endIndex+1; j++) {
  elementText.setForegroundColor(j, j, getNextRainbowColour(...));
}

0
投票

你已经非常接近答案了。尝试迭代'text'变量中的元素,这样您就可以更改每个元素的背景。

你可以使用这样的东西迭代每个字母:

var letters =  elementText.getText();
for(var j = 0 ; j< letters.length-1; j++)
{
     elementText.setBackgroundColor(j, j+1, getRandomColor())
}

以下是使用不同颜色的函数示例:

function getRandomColor() {
   var letters = '0123456789ABCDEF'.split('');
   var color = '#';
   for (var i = 0; i < 6; i++ ) 
   {
       color += letters[Math.floor(Math.random() * 16)];
   }
   return color;
}

对于您的上一个问题,由于Text类不是Javascript的一部分,而是来自app-script库,因此在Google环境之外无法使用。

© www.soinside.com 2019 - 2024. All rights reserved.