Как добавить новые стили в документы Google?

Документы Google имеют хороший набор стилей, таких как «Обычный текст» и «Заголовок 1».

Как добавить свой собственный? Я хочу добавить стиль под названием «код» для текста, который является программным кодом.

В настоящее время невозможно добавить больше стилей или переименовать существующие, но вы можете изменить их в соответствии со своими потребностями.

Например, вы можете стилизовать свой код по своему желанию, а затем, выбрав один из заголовков и выбрав Update Heading # to match selection, этот конкретный стиль может стать вашим новым стилем «Код» .

Затем выберите что-то еще и примените этот заголовок, и все готово.

Как показывает Липис, вы все еще не можете создавать свои собственные стили. Итак, вам осталось изменить существующее. Недостатком использования заголовка является то, что это приведет к «коду» в моем оглавлении (TOC). : / Я обнаружил, что использование стилей заголовка и субтитров для кода не позволяет отображать эти стили в оглавлении.

Многие решения не работают встроенными. Это чистое решение, предлагаемое @AlekseyBykov с помощью Google App Scripts для добавления настраиваемого действия в меню:

1. Создать новый скрипт ( Tools > Script Editor)
2. Скопируйте следующий код в редактор:

// Add new menu item
function onOpen() {
  DocumentApp.getUi()
  .createMenu('Styles')
  .addItem('Format Code', 'formatCode')
  .addToUi();
}

// Define code styling
var style = {};
style[DocumentApp.Attribute.FONT_FAMILY] = DocumentApp.FontFamily.CONSOLAS;
style[DocumentApp.Attribute.FONT_SIZE] = 10;
style[DocumentApp.Attribute.BACKGROUND_COLOR] = "#DDDDDD";
style[DocumentApp.Attribute.FOREGROUND_COLOR] = "#333333";
style[DocumentApp.Attribute.BOLD] = false;

// Apply code formatting
function formatCode() {
  var selection = DocumentApp.getActiveDocument().getSelection();
  if (selection) {
    var elements = selection.getRangeElements();
    for (var i = 0; i < elements.length; i++) {
      var element = elements[i];

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

        // Style the selected part of the element, or the full element if it's completely selected.
        if (element.isPartial()) {
          text.setAttributes(element.getStartOffset(), element.getEndOffsetInclusive(), style);
        } else {
          text.setAttributes(style);
        }
      }
    }
  }
}

3. Назначьте триггер для запуска onOpenфункции «В открытом состоянии» ( Edit > Current Project's Triggers)
4. После авторизации скрипта перезагрузите исходный документ
5. Используйте новый пункт меню для форматирования выделенного текста ( Styles > Format Code)

Бесплатное расширение Google Docs Paragraph Styles + позволяет создавать пользовательские стили абзацев (плюс десятичная системная нумерация контуров для заголовков и оглавление с нумерацией страниц).

Я только что проверил это, и вот мое первое впечатление:

• Хорошее начало. Для небольших документов, это должно быть хорошо использовать :-)
• Однако он работает довольно медленно, хотя последние версии уже улучшили производительность.
• Пользовательский интерфейс не интегрируется с пользовательским интерфейсом в стиле Google Docs. Вероятно, невозможно в противном случае в API Документов Google.
• Оригинальная функция стиля Документов Google не знает о пользовательских стилях, рассматривая весь текст с пользовательскими стилями как имеющий формат «Обычный текст». Вы можете использовать оба параллельно, но обратите внимание, что кнопка «Очистить форматирование» (выглядит как « T _x ») удалит пользовательское форматирование стиля из выделенного текста.
• Похоже, что ваши стили персонажей хранятся во внешнем веб-сервисе, это означает, что вы должны доверить им доступ к своим документам так, как вы доверяете их Google сейчас ...

Источник: Признание комментария Криса Москини выше, который упомянул его первым.

До недавнего времени было возможно редактировать CSS (таблицу стилей) и HTML-источник документа. Это заняло некоторую работу, но если вы знали HTML и CSS, вы могли бы добавить класс CSS в ваш документ, а затем отредактировать HTML, чтобы использовать его, например, в HTML

<span class='booktitle'>Infinite Jest</span>

и в CSS

.booktitle { font-style:italic; }

Google более или менее отказался от этой возможности в своем новом формате, перенеся старые документы в новый формат. Но я слышал, что есть способы сохранить документы в старом формате, поэтому есть некоторая надежда.