Como adiciono novos estilos aos documentos do Google?


299

O Google Docs possui um bom conjunto de estilos, como "Texto normal" e "Cabeçalho 1".

Como adiciono o meu? Quero adicionar um estilo chamado "código" para o texto que é código de programação.


42
Exatamente por que cheguei a essa pergunta. :) Eu só queria criar um estilo chamado Code e Inline, que não fosse o estilo do parágrafo.
9788 Robert Koritnik #

18
Eu sei a resposta, mas não posso adicioná-la porque não tenho reputação suficiente. Basicamente, você pode utilizar os scripts do Google Apps, eis o que eu fiz: pastebin.com/4pNBJ9pC . Para habilitá-lo, você precisa criar um novo script: Tools>> Script Manager>> Newe colar o código lá. Você precisará autorizar o script e recarregar o documento para que o menu apareça na barra de menus. Em seguida, selecione um patch de texto e escolha Extras>>Apply code style
Trident D'Gao

3
Eu sei minha resposta, mas minha reputação é, aparentemente, insuficiente. A partir de 14/3 ', depois de atualizar os cabeçalhos existentes por meio de "Atualizar o cabeçalho X para corresponder", os GDocs adicionarão um cabeçalho Y adicional. Portanto, ele começa apenas com o cabeçalho 1,2,3, mas depois de atualizar o cabeçalho 3, GDocs irá introduzir rubrica 4. Uma vez que você atualizar a categoria 4, GDocs irá introduzir rubrica 5, etc.
JJ Rohrer

7
Existe uma extensão que faz isso: chrome.google.com/webstore/detail/paragraph-styles%20/… (não consigo postar uma resposta por causa de um bug no stackexchange - ele diz que preciso de 10 repetições para responder, ' Eu tenho 103 representantes, nenhuma caixa de resposta disponível.)
Chris Moschini

1
@AlekseyBykov resposta me ajudou com este. Eu tenho atualizado e corrigido alguns problemas com ele aqui github.com/cr8ivecodesmith/google_docs_scripts/blob/master/...
cr8ivecodesmith

Respostas:


136

No momento, não é possível adicionar mais estilos ou renomear os existentes, mas você pode modificá-los para atender às suas necessidades.

Por exemplo, você pode estilizar seu código como desejar e, em seguida, selecionando um dos cabeçalhos e escolhendo o Update Heading # to match selection, esse estilo específico pode se tornar seu novo estilo "Código" .

Em seguida, selecione outra coisa e aplique esse cabeçalho e pronto.

Estilos no google docs


104
A desvantagem é que isso incluirá "código" no meu sumário. : / Eu descobri que o uso do estilo Subtitle para código impede a exibição no sumário.
27512 Mark Nadig

9
+1 @ digger69 para essa dica. Usar "Legenda" para o código é a melhor dica que já recebi deste StackExchange. Ótimo para ter altura de linha 1,15 em todo o documento, mas 1,0 para código! : D
ELLIOTTCABLE

9
Como também mencionei na resposta do digger69, outra desvantagem é que isso não permite estilos embutidos; tem que estar na sua própria linha. Obviamente, códigos curtos ou, mais provavelmente, termos relacionados a códigos (como tag, função ou nome de variável) geralmente desejam viver em linha dentro de um parágrafo do texto.
Drewdavid

2
é verdade que ele tem que ser "bloco", que significa toda a linha ou parágrafo deve ser o mesmo estilo - ele não pode ser uma linha com codemisturado com texto normal assim: o windowobjeto
nopole

12
Quero apenas ressaltar que não faz sentido que os "especialistas em software" do Google nunca tenham adicionado um recurso para adicionar um novo estilo ao Docs. Essa deveria ter sido uma de suas prioridades iniciais na década ou mais, pois esse aplicativo da Web estava disponível.
Spencer Williams

56

Como Lipis aponta, você ainda não pode criar seus próprios estilos. Portanto, você pode redefinir um existente. A desvantagem de usar o Título é que isso resultará em "código" no meu Índice (TOC). : / Eu descobri que o uso de estilos de título e legenda para código impede a exibição desses estilos no sumário.


3
A principal desvantagem dessa abordagem é que, embora você possa usar ⌘ + Alt + 6 para usar esse layout, se você substituir o sexto sexto título, não há atalho de teclado correspondente para o estilo de legenda.
Amit Kotlovski

5
A outra nota é que isso não parece trabalhar em linha, tem que ser em sua própria linha (verdadeiro de todos os estilos imagino)
Drewdavid

27

Muitas das soluções não funcionam em linha. Esta é uma solução limpa oferecida por @AlekseyBykov usando scripts do Google App para adicionar uma ação de menu personalizada:

  1. Crie um novo script ( Tools > Script Editor)
  2. Copie o seguinte código no editor:
// 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. Atribua um gatilho para executar a onOpenfunção "On open" ( Edit > Current Project's Triggers)
  2. Após autorizar o script, recarregue o documento original
  3. Use o novo item de menu para formatar o texto selecionado ( Styles > Format Code)

2
Excelente e funcionou perfeitamente. Para um estilo de backtick mais 'Slack': style [DocumentApp.Attribute.BACKGROUND_COLOR] = "#FFEEEE"; estilo [DocumentApp.Attribute.FOREGROUND_COLOR] = "# 880000";
Jim Morrison

1
coisas excelentes. Eu não gostava que o fundo estava faltando entre as palavras, então eu modificado para colocar o conteúdo em uma célula da tabela com uma sólida formação: gist.github.com/fatso83/ffb7871c537e04d9ce95f66fccc30495
oligofren

roteiro super legal, obrigado! Agora eu poderia estendê-lo para apoiar mais estilos
Unreality

15

A extensão gratuita do Google Docs, Estilos de parágrafo + permite criar estilos de parágrafos personalizados (além de numeração de estrutura de tópicos decimal do sistema para títulos e um sumário com numeração de páginas).

Acabei de testar e aqui está minha primeira impressão:

  • Bom começo. Para documentos pequenos, convém usar :-)
  • No entanto, ele é bastante lento, mesmo que as versões recentes tenham melhorado o desempenho.
  • A interface do usuário não se integra à interface de estilo do Google Docs. Provavelmente não é possível de outra forma na API do Google Docs.
  • O recurso de estilo original do Google Docs não conhece estilos personalizados, considerando que todo o texto com estilos personalizados possui o formato "Texto normal". Você pode usar os dois em paralelo, mas observe que o botão "Limpar formatação" (semelhante a " T x ") removerá a formatação de estilo personalizado do texto selecionado.
  • Parece que você armazena seus estilos de personagem em um serviço da Web externo, significa que você precisa confiar a eles o acesso aos seus documentos da mesma forma que os confia ao Google agora…

Fonte: Reconhecendo o comentário de Chris Moschini acima, que o mencionou primeiro.


6
Há algum risco de segurança de dados envolvido na instalação desse tipo de extensão de documentos ou o código foi verificado pelo Google como não malicioso?
Gruber

7
Essas permissões parecem permitir, por exemplo, que seus documentos sejam enviados ou compartilhados com outras pessoas sem aviso prévio. Isso certamente me assusta.
Reece

Como deveria, @Reece! Obrigado pelo ponteiro.
Cheeso

11

Até recentemente, era possível editar a fonte CSS (folha de estilo) e HTML de um documento. Demorou algum trabalho, mas se você conhecesse HTML e CSS, poderia adicionar uma classe CSS ao seu documento e editar o HTML para usá-lo, por exemplo, no HTML

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

e no CSS

.booktitle { font-style:italic; }

O Google reduziu mais ou menos esse recurso com seu novo formato, forçando documentos antigos para o novo formato. Mas ouvi dizer que existem maneiras de manter os documentos no formato antigo, portanto pode haver alguma esperança.


1
Eu adoraria mais informações sobre como fazer isso.
Guisado

2
Não funciona, google agora retira tudo css exceto inlines
vs4vijay

2
O script postado acima é quase o mesmo que esse recurso. Após a instalação, você pode simplesmente editar o styleobjeto, conforme necessário. É javascript, um pouco diferente do CSS, mas quase idêntico. Nota: não faz chamadas externas, envia ou carrega dados de outros lugares.
Jonathan Cruz
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.