Google 문서에 새로운 스타일을 추가하려면 어떻게하나요?


299

Google 문서에는 "일반 텍스트"및 "헤더 1"과 같은 멋진 스타일이 있습니다.

내 것을 어떻게 추가합니까? 프로그래밍 코드 인 텍스트에 "code"라는 스타일을 추가하고 싶습니다.


42
내가 왜이 질문에 왔는가? :) 방금 단락 스타일이 아닌 코드인라인 코드 라는 스타일을 만들고 싶었습니다 .
Robert Koritnik 2013 년

18
답변을 알고 있지만 평판이 충분하지 않아 추가 할 수 없습니다. 기본적으로 Google Apps Script를 활용할 수 있습니다. pastebin.com/4pNBJ9pC 입니다. 이를 활성화하려면 Tools>> Script Manager>> 새 스크립트를 작성 New하고 코드를 붙여 넣어야합니다. 그런 다음 메뉴 표시 줄에 메뉴가 표시되도록 스크립트를 승인하고 문서를 다시로드해야합니다. 그런 다음 텍스트 패치를 선택하고 Extras>>Apply code style
Trident D' Gao

3
나는 내 대답을 알고 있지만 내 명성은 충분하지 않습니다. 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 명의 담당자가 필요합니다. ve는 103의 대답을 얻었다, 응답 상자가 없다.)
Chris Moschini

1
@ AlekseyBykov 답변이 도움이되었습니다. github.com/cr8ivecodesmith/google_docs_scripts/blob/master/…에서
cr8ivecodesmith

답변:


136

지금은 더 많은 스타일을 추가하거나 기존 스타일을 바꿀 수 없지만 필요에 맞게 스타일을 수정할 수 있습니다.

예를 들어 원하는대로 코드를 스타일링 한 다음 헤더 중 하나를 선택하고을 선택하면 Update Heading # to match selection해당 스타일이 새로운 "코드" 스타일 이 될 수 있습니다.

그런 다음 다른 것을 선택하고 해당 제목을 적용하면 완료됩니다.

Google 문서의 스타일


104
단점은 이것이 내 TOC에 "코드"를 포함한다는 것입니다. : / 코드에 자막 스타일을 사용하면 TOC에 표시되지 않습니다.
Mark Nadig

9
해당 팁에 대해 +1 @ digger69. 코드에 "자막"을 사용하는 것이이 StackExchange에서 얻은 최고의 팁 중 하나입니다. 문서 전체에서 행 높이 1.15를 갖지만 코드는 1.0입니다. : D
ELLIOTTCABLE 2016 년

9
digger69의 답변에서 언급했듯이 또 다른 단점은 이것이 인라인 스타일을 허용하지 않는다는 것입니다. 그것은 자신의 라인에 있어야합니다. 물론, 짧은 코드 또는 코드 관련 용어 (예 : 태그, 함수 또는 변수 이름)는 종종 텍스트 단락 내에서 인라인으로 살고 싶어합니다.
Drewdavid

2
그것이 "블록"이어야한다는 것이 사실 codewindow
입니까?

12
Google의 "소프트웨어 전문가"가 문서에 새로운 스타일을 추가하는 기능을 추가 한 적이 없다는 것은 말이되지 않습니다. 이 웹 앱은 10 년 전의 초기 우선 순위 중 하나 였을 것입니다.
스펜서 윌리엄스

56

Lipis가 나오면서 자신 만의 스타일을 만들 수는 없습니다. 따라서 기존의 용도를 변경해야합니다. 제목 사용의 단점은 이것이 TOC (목차)에 "코드"가된다는 것입니다. : / 코드에 제목 및 자막 스타일을 사용하면 해당 스타일이 TOC에 표시되지 않습니다.


3
이 방법의 주요 단점은 6 번째 제목을 재정의하는 경우 ⌘ + Alt + 6을 사용하여이 레이아웃을 사용할 수 있지만 자막 스타일과 일치하는 키보드 단축키는 없습니다.
Amit Kotlovski 2016 년

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
우수하고 완벽하게 작동했습니다. 보다 '느슨한'백틱 스타일의 경우 : style [DocumentApp.Attribute.BACKGROUND_COLOR] = "#FFEEEE"; style [DocumentApp.Attribute.FOREGROUND_COLOR] = "# 880000";
Jim Morrison

1
훌륭한 물건. 나는 배경이 단어 사이에 없어진 것을 좋아하지 않았다, 그래서 나는 단색 배경으로 테이블 셀의 내용을 넣어 그것을 수정 : gist.github.com/fatso83/ffb7871c537e04d9ce95f66fccc30495을
oligofren

슈퍼 좋은 스크립트, 감사합니다! 더 많은 스타일을 지원하도록 확장 할 수 있습니다
Unreality

15

Google Docs 확장 프로그램 인 Paragraph Styles +를 사용하면 맞춤 단락 스타일 (제목에 십진수 시스템 개요 번호 및 페이지 번호가 지정된 목차)을 만들 수 있습니다.

방금 테스트했으며 첫 인상은 다음과 같습니다.

  • 좋은 시작. 작은 문서의 경우 :-)를 사용하는 것이 좋습니다
  • 그러나 최신 버전은 이미 성능이 향상되었지만 상당히 느리게 실행됩니다.
  • UI는 Google 문서 스타일 UI와 통합되지 않습니다. Google 문서 API에서는 그렇지 않을 수 있습니다.
  • 원래 Google 문서 도구 스타일 기능은 맞춤 스타일이있는 모든 텍스트를 '일반 텍스트'형식으로 간주하여 맞춤 스타일에 대해 알지 못합니다. 당신은 병렬로 모두 사용할 수 있지만 "지우기 포맷"버튼 ( "과 같은 점에 유의 할 수 T의 X 선택한 텍스트에서 사용자 정의 스타일 서식을 제거합니다").
  • 캐릭터 스타일을 외부 웹 서비스에 저장하는 것 같습니다. 이제 Google에 위임하는 방식으로 문서에 액세스 할 수 있도록해야합니다.

출처 : 확인을 한 크리스 Moschini에 의해 코멘트 먼저 언급 위.


6
이러한 종류의 문서 확장 프로그램을 설치 하는 데 데이터 보안 위험 이 있습니까 , 아니면 Google에서 악성 코드가 아닌 것으로 코드를 확인 했습니까?
Gruber

7
이러한 권한 은 예를 들어 문서를 다른 통지없이 다른 사람에게 보내거나 다른 사람과 공유 할 수있는 것으로 보입니다. 확실히 저를 두려워합니다.
Reece

그렇듯이 @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필요에 따라 간단히 객체를 편집 할 수 있습니다 . 자바 스크립트이므로 CSS와 약간 다르지만 거의 동일합니다. 참고 : 외부 전화를 걸거나 다른 곳에서 데이터를 보내거나로드하지 않습니다.
Jonathan Cross
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.