¿Cómo agrego nuevos estilos a los documentos de Google?

Google docs tiene un buen conjunto de estilos como "Texto normal" y "Encabezado 1".

¿Cómo agrego el mío? Quiero agregar un estilo llamado "código" para el texto que es código de programación.

En este momento no es posible agregar más estilos o cambiar el nombre de los existentes, pero puede modificarlos para que coincidan con sus necesidades.

Por ejemplo, puede diseñar su código como desee y luego seleccionando uno de los encabezados y eligiendo el Update Heading # to match selection, ese estilo particular podría convertirse en su nuevo estilo de "Código" .

Luego seleccione otra cosa y aplique ese encabezado y listo.

Como Lipis señala, aún no puede crear sus propios estilos. Por lo tanto, tiene que reutilizar uno existente. La desventaja de usar el encabezado es que esto dará como resultado un "código" en mi tabla de contenido (TOC). : / Descubrí que el uso de estilos de Título y Subtítulo para el código evita que esos estilos se muestren en la tabla de contenido.

Muchas de las soluciones no funcionan en línea. Esta es una solución limpia ofrecida por @AlekseyBykov usando los Scripts de la Aplicación de Google para agregar una acción de menú personalizada:

1. Crear un nuevo script ( Tools > Script Editor)
2. Copie el siguiente código en el 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);
        }
      }
    }
  }
}

3. Asigne un activador para ejecutar la onOpenfunción "Al abrir" ( Edit > Current Project's Triggers)
4. Después de autorizar el script, vuelva a cargar el documento original.
5. Use el nuevo elemento del menú para formatear el texto seleccionado ( Styles > Format Code)

La extensión gratuita Google Docs Paragraph Styles + permite crear estilos de párrafo personalizados (más la numeración del esquema del sistema decimal para encabezados y una tabla de contenido con numeración de página).

Lo acabo de probar y aquí está mi primera impresión:

• Buen comienzo. Para documentos pequeños, debería ser bueno usar :-)
• Sin embargo, funciona bastante lento, a pesar de que las versiones recientes ya mejoraron el rendimiento.
• La interfaz de usuario no se integra con la interfaz de usuario de estilo Google Docs. Probablemente no sea posible de otra manera en la API de Google Docs.
• La función de estilo original de Google Docs no conoce los estilos personalizados, ya que todo el texto con estilos personalizados tiene el formato "Texto normal". Puede usar ambos en paralelo, pero tenga en cuenta que el botón "Borrar formato" (parece " T _x ") eliminará el formato de estilo personalizado del texto seleccionado.
• Parece que almacena los estilos de tus personajes en un servicio web externo, lo que significa que debes confiarles el acceso a tus documentos de la forma en que los confías a Google ahora ...

Fuente: Reconociendo el comentario de Chris Moschini arriba, quien lo mencionó primero.

Hasta hace poco, era posible editar la fuente CSS (hoja de estilo) y HTML de un documento. Tomó un poco de trabajo, pero si sabía HTML y CSS, podría agregar una clase CSS a su documento y luego editar el HTML para usarlo, por ejemplo, en el HTML

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

y en el CSS

.booktitle { font-style:italic; }

Google ha eliminado más o menos esta capacidad con su nuevo formato, obligando a los documentos antiguos al nuevo formato. Pero, he oído que hay formas de mantener los documentos en el formato anterior, por lo que puede haber alguna esperanza.