Карточка дополнения Google: как применить цвет к тексту заголовка

#google-apps-script #google-workspace-add-ons

#google-apps-script #google-workspace-дополнения

Вопрос:

Приведенное ниже руководство по сценарию Google Apps подразумевает, что текст заголовка может быть цветным.

Когда я пытаюсь использовать некоторые теги HTML (например, <span color> ), любой из них действительно работал.

Какой тег я должен использовать для реализации этого?

выделение-раздел-заголовок

Обновить

Ниже приведен мой код для реализации заголовка раздела. Пара <b> тегов работает, но все попытки применить цвет, которые я предпринимал, не увенчались успехом.

 CardService.newCardBuilder()
  .addSection(
    CardService.newCardSection()
    .setHeader('<b>header text</b>')
  )
  .build();
  

Комментарии:

1. Как вы создаете карточку дополнения? Пожалуйста, поделитесь кодом, который вы пытаетесь использовать.

2. @Alessandro Я создаю раздел следующим образом: <b> тег работает, но любые попытки применить цвет завершаются неудачей. var section = CardService.newCardSection().setHeader(sectionHeaderStyle('<b>header text</b>'));

3. Функция .setHeader() принимает строковый параметр. Что возвращает функция sectionHeaderStyle? Пожалуйста, обновите это в своем вопросе.

4. @Alessandro Я добавил свой код. Мне жаль, что sectionHeaderStyle это было добавлено по ошибке. И хотя setHeader() принимает строку, он также может распознавать некоторые теги HTML, в том числе <b> . Также я пытался использовать HTML Service классы, но мне все равно не удалось применить цвет.

Ответ №1:

В справочнике по карточке Google Apps Script не содержится подробных сведений о том, как обрабатывать дизайн карты, но на сайте надстроек Google Workspace указано, что используется набор для разработки дополнений G Suite.

Что касается использования HTML, то поддерживаемых тегов всего несколько. Для определения цвета шрифта используйте что-то вроде этого:

 CardService.newCardBuilder()
  .addSection(
    CardService.newCardSection()
    .setHeader('<font color="#ea9999">header text</font>')
  )
  .build();
  

Ссылки

Ресурсы