Apps Script公式リファレンス: Apps Script Reference |障害・課題追跡: IssueTracker |Google Workspace: Status Dashboard - Summary


Google Slidesで現在選択している表に値を入れたい8 - Insert values into the active table8

以下のリンク先では [ ] を目印にして文字色と背景色を変更しました。
In the following link, the text color and background color are changed using square brackets [] as markers.

今回は、Google Slidesにダイアログを表示して、入力した単語の文字色と背景色を変更するコードです。
This time, I'm trying a code that displays a dialog in Google Slides to change the text color and background color of a specified word.


Prepare a table with 3 rows and 2 columns, and enter text in the second row and second column.

The text used in this example.

Trying to write a Google Apps Script that displays a dialog in Google Slides to highlight specific words within a table.

今回の例では、 highlight とwords の単語を対象にします。
In this example, the target words are "highlight" and "words." の modalessTemplate() を実行すると、ダイアログが表示されます。
After executing modalessTemplate() in, a dialog will be displayed.

ダイアログに highlight と words を改行で区切って入力します。
Enter "highlight" and "words" in the dialog, separated by a newline.


Apps Script
function modalessTemplate() {
const htmlOutput = HtmlService
SlidesApp.getUi().showModelessDialog(htmlOutput, "MyGUI");

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

function getSelectedTable() {
const presentation = SlidesApp.getActivePresentation();
const selection = presentation.getSelection();
const pageElement = selection.getPageElementRange().getPageElements()[0];
const table = pageElement.asTable();
return table;

function boldColorTargetWords(values) {
const table = getSelectedTable();
const row = 1;
const col = 1;
const cell = table.getCell(row, col);

const textRange = cell.getText();
let text = textRange.asString();
for (let i = 0; i < values.length; i++) {
const value = values[i];
const startIndex = text.indexOf(value);
const endIndex = startIndex + value.length;
const textStyle = textRange.getRange(startIndex, endIndex).getTextStyle();
textStyle.setForegroundColor('#FFFFFF'); // white
textRange.getRange(startIndex, endIndex).getTextStyle().setBackgroundColor('#000000'); // black

<!DOCTYPE html>
<?!= include("css"); ?>
<textarea id="words"></textarea>
<button id="submit">submit</button>
<?!= include("javascript"); ?>

#words {
font-size: 18px;
width: 90vw;
height: 70vh;

function elem(id) {
return document.getElementById(id);

elem("words").addEventListener("keyup", function () { inputKeyup("words") });
elem("submit").addEventListener("click", submitClicked);

function inputKeyup(id) {
elem(id).value = elem(id).value.replace(/"/g, "");

function submitClicked() {
const words = elem("words").value.trim().split("\n");;


Google Slidesの表内の指定文字の文字色と背景色を変えたい - Set the text color and background color within a table in Google Slides

Latest post

Google Apps Scriptの障害時はIssueTrackerを見てみる - Incidents for Apps Script are reported on Issue Tracker

IssueTracker > Apps Script issues Google Apps Scriptの障害時は IssueTracker に課題が上がっていることが...