Як додати нові стилі в документи Google?


299

Документи Google мають гарний набір стилів, таких як "Звичайний текст" та "Заголовок 1".

Як додати своє? Я хочу додати стиль під назвою "код" для тексту, який є кодом програмування.


42
Саме тому я прийшов до цього питання. :) Я просто хотів створити стиль під назвою Code та Inline code, який би не був стилем абзацу.
Роберт Коритник

18
Я знаю відповідь, але не можу її додати, оскільки мені не вистачає репутації. В основному ви можете використовувати Сценарії Google Apps, ось що я зробив: pastebin.com/4pNBJ9pC . Щоб увімкнути це, вам потрібно створити новий скрипт: Tools>> Script Manager>> Newі вставити код туди. Тоді вам доведеться авторизувати сценарій і перезавантажити документ, щоб меню з’явилося на панелі меню. Потім виберіть фрагмент тексту та виберіть Extras>>Apply code style
Trident D'Gao

3
Я знаю свою відповідь, але моєї 101 репутації, мабуть, недостатньо. Станом на 3/14 ', коли ви оновите існуючі заголовки за допомогою "Оновлення заголовка X на відповідність", GDocs додасть додатковий заголовок Y. Отже, він починається з заголовка 1,2,3, але після оновлення заголовка 3, GDocs представить заголовк 4. Після оновлення заголовка 4 GDocs запровадить заголовк 5 тощо.
JJ Rohrer

7
Існує розширення, яке це робить: chrome.google.com/webstore/detail/paragraph-styles%20/… (я не можу опублікувати відповідь через помилку в stackexchange - там сказано, що мені потрібно відповісти 10, я " Ви отримали 103 представника, поле без відповідей не було.)
Chris Moschini

1
@AlekseyBykov відповідь допомогла мені в цьому. Я оновив і виправив деякі проблеми тут github.com/cr8ivecodesmith/google_docs_scripts/blob/master/…
cr8ivecodesmith

Відповіді:


136

Зараз неможливо додати більше стилів або перейменувати існуючі, але ви можете змінити їх відповідно до ваших потреб.

Наприклад, ви можете створити свій код за своїм бажанням, а потім, вибравши один із заголовків і обравши Update Heading # to match selection, саме цей стиль може стати вашим новим стилем "Код" .

Потім виберіть щось інше і застосуйте цей заголовок, і ви закінчите.

Стилі в документах Google


104
Мінус - це буде включати "код" у мій TOC. : / Я виявив, що використання стилю субтитрів для коду запобігає його відображенню в TOC.
Марк Надіг

9
+1 @ digger69 за цю пораду. Використання "Subtitle" для коду - найкращий підказки, які я коли-небудь отримував від цієї StackExchange. Чудово підходить, що висота рядка 1,15 у всьому документі, але 1,0 для коду! : D
ELLIOTTCABLE

9
Як я вже згадував у відповіді digger69, ще одним недоліком є ​​те, що це не дозволяє вбудовувати стилі; це повинно бути на своїй лінії. Звичайно, короткий код або, швидше за все, терміни, пов'язані з кодом (наприклад, тег, функції чи назви змінних), часто хочуть жити в рядку в абзаці тексту.
Дрюдавід

2
чи правда, що це повинен бути "блок", тобто весь рядок або абзац повинні бути такого ж стилю - він не може бути рядком зі codeзмішаним звичайним текстом, як це: windowоб'єкт
nopole

12
Я просто хочу зазначити, що немає сенсу, що "фахівці з програмного забезпечення" в Google ніколи не додавали функції Документам новий стиль. Це повинно було бути одним з їх першочергових пріоритетів протягом десятиліття, або приблизно цей веб-додаток був доступний.
Спенсер Вільямс

56

По мірі того, як виходить Ліпіс, ви все одно не можете створити свої власні стилі. Отже, вам залишається переробити існуючий. Недоліком використання заголовка є те, що це призведе до "коду" в моїй змісті (TOC). : / Я виявив, що використання стилів заголовка та субтитрів для коду запобігає показу цих стилів у TOC.


3
Основним недоліком цього підходу є те, що хоча ви можете використовувати ⌘ + Alt + 6 для використання цього макета, якщо ви перекриєте 6-й заголовок, для стилю субтитрів немає відповідного ярлика клавіатури.
Аміт Котловський

5
Інша примітка полягає в тому, що це, здається, не працює в розі, повинно бути на своїй лінії (правда, для всіх стилів, які я уявляю)
Древдавід

27

Багато рішень не працюють вбудовано. Це очищене рішення, яке запропонував @AlekseyBykov за допомогою сценаріїв додатків Google, щоб додати дії до спеціального меню:

  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);
        }
      }
    }
  }
}
  1. Призначте тригер для запуску onOpenфункції "Увімкнено" ( Edit > Current Project's Triggers)
  2. Після авторизації сценарію перезавантажте оригінальний документ
  3. Використовуйте новий пункт меню для форматування вибраного тексту ( Styles > Format Code)

2
Відмінно і працював на відмінно. Для отримання додаткового стилю "backck" backtick: style [DocumentApp.Attribute.BACKGROUND_COLOR] = "#FFEEEE"; стиль [DocumentApp.Attribute.FOREGROUND_COLOR] = "# 880000";
Джим Моррісон

1
відмінні речі. Я не хотів, щоб фон не хапав між словами, тому я змінив його помістити вміст в елементі таблиці з твердим фоном: gist.github.com/fatso83/ffb7871c537e04d9ce95f66fccc30495
oligofren

супер хороший сценарій, дякую! Тепер я міг би розширити його, щоб підтримувати більше стилів
Unreality

15

Безкоштовне розширення Google Docs Стилі абзаців + дозволяє створювати власні стилі абзаців (плюс десяткову систему нумерації заголовків для заголовків та змісту з нумерацією сторінок).

Я тільки перевірив це, і ось моє перше враження:

  • Гарний старт. Для невеликих документів слід добре використовувати :-)
  • Однак він працює досить повільно, навіть якщо останні версії покращили продуктивність.
  • Інтерфейс користувача не інтегрується з інтерфейсом стилю Google Docs. Можливо, інакше неможливо в API Документів Google.
  • Оригінальна функція стилю Google Docs не знає про власні стилі, вважаючи, що весь текст у користувацьких стилях має формат "Звичайний текст". Можна використовувати паралельно обидва, але зауважте, що кнопка «Очистити форматування» (схоже на « T x ») видалить вибране форматування стилю з вибраного тексту.
  • Схоже, зберігання стилів персонажів у зовнішній веб-службі означає, що ви повинні довірити їм доступ до своїх документів так, як ви зараз довірите їх Google…

Джерело: Визнаючи коментар Кріса Москіні вище, який першим згадав його.


6
Чи існують якісь ризики для захисту даних, пов’язані з встановленням такого типу розширень на документи, чи Google перевірив код, щоб він не був шкідливим?
Грубер

7
Ці дозволи , наприклад, дозволяють, наприклад, ваші документи надсилатись або надаватись спільним з іншими без попереднього повідомлення. Це, безумовно, мене лякає.
Різ

Як слід, @Reece! Дякуємо за вказівник.
Cheeso

11

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

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

і в CSS

.booktitle { font-style:italic; }

Google більш-менш припинив цю можливість завдяки новому формату, примушуючи старі документи до нового формату. Але я чув, що існують способи зберегти документи у старому форматі, тому, можливо, є якась надія.


1
Я хотів би отримати більше інформації про те, як це зробити.
Тушковане

2
Не працює, Google тепер знімає всі css, крім рядків
vs4vijay

2
Сценарій писав вище , майже такий же , як ця функція. Після установки ви можете просто редагувати styleоб’єкт за потребою. Це javascript, такий трохи інший, ніж CSS, але майже однаковий. Примітка: він не здійснює жодних зовнішніх дзвінків, не надсилає та не завантажує дані з інших місць.
Джонатан Крос
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.