¿Cómo formatear un código en línea en Confluence?


Respuestas:


592

Para insertar una fuente monoespacio en línea en Confluence, rodee el texto entre llaves dobles.

Este es un {{example}}.

Si está utilizando Confluence 4.xo superior, también puede seleccionar la opción "Preformateado" en el menú de estilo de párrafo. Tenga en cuenta que se aplicará a la toda la línea.

Referencia completa aquí .


130
En confluence 4+, el marcado wiki desaparece por defecto y la opción "Preformateado" se aplica a toda la línea. La única forma de hacerlo (sin instalar el complemento de edición de wikitexto) es elegir una fuente monoespaciada.
HDave

16
No funcionará si lo está pegando: debe escribir las llaves de cierre para "activar" el "formateo automático". Si desea formatear grandes extensiones de texto de esta manera, utilice el cuadro de diálogo Insertar -> Marcado Wiki y escriba / pegue todo allí.
jaysee00

3
He descubierto que usar Ctrl-Shift-D para insertar el marcado wiki es útil. Es el único acceso directo combinado que uso en V5. Sí, el nuevo editor puede ser difícil de manejar. La introducción de código a través del editor wiki ayuda, especialmente si está acostumbrado a marcar codificación en lugar de gui.
Underverse

29
Una forma confiable de hacer que esto funcione es escribir {{foo}}; siempre reconoce que 'foo' necesita preformateo, luego pega lo que realmente quisieras poner entre la 'f' y la 'o', luego elimina el texto 'foo'. Deberías quedarte con lo que realmente querías, preformateado.
Dan Mitchell

55
¿Qué pasa con un color de fondo / texto diferente? el monoespacio no es lo único, quería resaltarlo dentro de la fila, ¿alguna idea?
Ricky Levi

77

De forma predeterminada, Confluence representa el texto monoespaciado con fondo transparente. Puede editar CSS global para agregar color gris. Del manual de Confluence :

  1. Elija el icono de engranaje en la parte superior derecha de la pantalla, luego elija Confluence Admin.
  2. Elija la hoja de estilo.
  3. Elija Editar
  4. Pegue su CSS personalizado en el campo de texto.
  5. Elija Guardar

CSS personalizado para mostrar fondo gris en bloques monoespaciados:

code {
    padding: 1px 5px 1px 5px; 
    font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
    background-color: #eeeeee;
}

Si está utilizando Confluence OnDemand (nube):

  1. Haga clic en el engranaje / engranaje en la parte inferior de la barra lateral a la izquierda
  2. Seleccione Look and Feel
  3. Haga clic en la barra lateral, encabezado y pie de página pestaña
  4. Pegue su CSS personalizado en el campo Encabezado
  5. Envuelva el código en un {style}bloque
  6. Salvar

Pegue lo siguiente:

{style}
code {
    padding: 1px 5px 1px 5px; 
    font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
    background-color: #eeeeee;
}
{style}

Después de eso, obtendrá códigos de línea en línea agradables y ordenados de stackoverflow con solo escribir {{sometext}}.


1
Si su espacio utiliza una hoja de estilo / tema personalizado, esto puede no funcionar. Una solución perezosa es agregar el ejemplo anterior dentro de las etiquetas de estilo en "Look and Feel -> HTML personalizado" (probado en la versión 5.9.6).
jdknight

3
Si usa Confluence OnDemand, debe ir a la página "Barra lateral, encabezado y pie de página". Luego, en el cuadro de texto del encabezado, copie / pegue el código CSS anterior, pero debe colocar {style}antes y después del CSS . Ejemplo de {style}uso .
Phil

1
Corrección menor, parece que necesita escapar de las llaves dentro del bloque de estilo, o de lo contrario la confluencia intenta encontrar una macro llamada relleno. {style} code \ {... \} {style}
edqwerty

44
Esto funciona, sin embargo, en mi instancia de OnDemand (nube) ahora recibo un error "Las siguientes macros no son compatibles actualmente en el encabezado: estilo" en la parte superior de la página. Sin embargo, todavía se rinde. Vaya figura :)
GONeale

2
@GraehamF @GONeale Acabo de incluir [class^=SpaceCustomSettingsBlockComponent_unsupportedMacros]{display: none;}en el CSS personalizado: p
Samizdis

28

Puede pedirle al administrador de Confluence que cree una macro para usted. Aquí hay un ejemplo de una macro para Confluence 3.x

Macro Name:    inlinecode
Macro Title:   Markup text like stackoverflow inline code
Categories:    Formatting
Macro Body Processing: Convert wiki markup to HTML
Output Format: HTML
Template:

## Macro title: Inline Code
## Macro has a body: Y
## Body processing: Convert wiki markup to HTML
## Output: HTML
##
## Developed by: My Name
## Date created: dd/mm/yyyy
## Installed by: My Name
## This makes the body text look like inline code markup from stackoverflow
## @noparams
<span style="padding: 1px 5px 1px 5px; font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif; background-color: #eeeeee;">$body</span>

Entonces los usuarios pueden usar {inlinecode}like this{inlinecode}

También puede usar las macros {html}o {style}si están instaladas o agregar este estilo a la hoja de estilo para su espacio.

Mientras lo hace, solicite a su administrador de Confluence que cree una macro kbd para usted. Igual que el anterior, excepto que Macro namees kbd y Templatees:

<span style="padding: 0.1em 0.6em;border: 1px solid #ccc; font-size: 11px; font-family: Arial,Helvetica,sans-serif; background-color: #f7f7f7; color: #333;  -moz-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2),0 0 0 2px #ffffff inset; -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2),0 0 0 2px #ffffff inset; box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2),0 0 0 2px #ffffff inset; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display: inline-block; margin: 0 0.1em; text-shadow: 0 1px 0 #fff; line-height: 1.4; white-space: nowrap; ">$body</span> 

Luego puede escribir documentación para indicar a los usuarios que presionen las teclas F1y Enter.


2
No me importa mucho el administrador ;-), {kbd} era lo que estaba buscando. ¡Gracias!
Jasper de Vries

14

Rodea tu texto en línea con {{ }}.

Advertencias:

  1. Tienes que presionar la barra espaciadora después }}
  2. No puede copiar texto preformateado en línea y mantener su aspecto. Si lo copia, es posible que no pueda agregarlo {{ }}para arreglarlo. Simplemente vuelva a escribirlo o péguelo sin formatear ( Cmd ⌘+ Shift+ Ven Mac) y luego agregue {{ }}y presione espacio.
  3. Si agrega el {{ }}texto existente más tarde, no puede estar rodeado de otros caracteres, por ejemplo, si desea paréntesis alrededor del texto preformateado, no puede solucionarlo (my text)agregando llaves ({{my text}}). Primero agregue espacio alrededor de su texto y ( my text )luego agregue el {{ }}.

Prueba Ctrl-D y luego usa este marcado. Debería intentar convertirlo al nuevo marcado.
Underverse

12

A partir de Confluence 4 y superior, escribir dos llaves no funciona.

Ahora necesita seleccionar la fuente Monospace. Resalte el texto que desea cambiar y:

Windows: Ctrl + Shift + M

Mac: Comando + Mayús + M

Alternativamente, puede escribir una tecla de retroceso (`) y Confluence formateará todo hasta que escriba otra tecla de retroceso

Alternativamente, al lado de las opciones en negrita y cursiva, puede hacer clic en el menú desplegable "más" y seleccionar Monospace:

ingrese la descripción de la imagen aquí


11

En Confluence 5.4.2 puede agregar rodear su código en línea con <code></code>etiquetas en el editor de origen de esta manera:

Confluence will show <code>this inline code</code> in a fixed font. 

Esto puede ser útil cuando hay muchos fragmentos para modificar, ya que la función de doble llave solo funciona cuando se agrega texto de forma interactiva en el editor de Confluence.


Gracias, esto también parece funcionar durante el proceso de migración de MediaWiki a Confluece usando UWC.
MonkeyMonkey

10

Si desea insertar un bloque de código grande con números de línea opcionales, etc., use la Macro de código (disponible en Macros -> Otro).



sí, ¿cómo hago esto sin hacer clic en dos menús? A menudo necesito 10 bloques de código por página.
Jeremy Leipzig

11
@JeremyLeipzig Escriba {para abrir el navegador de macros y comenzar a escribir código .
alex

Para su información, si usa "&" en el código, se formatea incorrectamente - consulte jira.atlassian.com/browse/CONFCLOUD-59800
nevets1219

7

Para formatear el código en línea dentro de su texto, use el carácter '' 'para rodear su código. Generalmente ubicado a la izquierda de la tecla '1' en su teclado.

Ejemplo:

`printf("Hello World");`

¡El mismo delimitador que Stack Exchange!


2
ADM: estaba mostrando el código con los delimitadores, y tú los escapaste. Ahora el código se parece al código, que no es la intención de mi respuesta. La intención de mi respuesta es demostrar que en Confluence el carácter delimitador es `que resulta ser el mismo que SO.
morrisonbrett

1
¿En qué versión de Confluence funciona esto? Mi instancia no trata los backticks como caracteres especiales.
Coderer el

6

Encontré que el formateo con colores es un poco más complicado ya que Confluence (5.6.3) es muy exigente con los espacios alrededor de los bloques {{monospace}}.

Creando Monospace Coloreado con Marcado Wiki

Según lo prestado por Confluence


3

Al momento de escribir esto, descubrí que {{string}}ni el {{ string }}trabajo. Mi panel de control solo tenía el botón de bloqueo de código.

Sin embargo, había un acceso directo en la lista para el formato de ancho fijo: Ctrl+ Shift+ M.

Revisé los menús, pero no pude averiguar qué versión nos está sirviendo.


1

Todas estas otras respuestas ciertamente parecen buenas ideas y recomendaría usarlas primero, pero seguiré adelante y agregaré una más a la lista por razones de integridad.

Simplemente puede usar la macro html y luego pegar su contenido envuelto en <pre> </pre>etiquetas.


Esto puede lograr el mismo efecto, pero debe evitarse a menos que sea necesario marcar el texto dentro del bloque con otras etiquetas HTML.
Inverso

Sí, por eso recomendé usar primero las soluciones proporcionadas en las otras respuestas. Nunca dije que fuera una buena respuesta. Dije que quería agregarlo a la lista por razones de integridad.
Alexander Ryan Baggett

Este método es la respuesta perfecta si necesita un control preciso de colores y estilos en un bloque de código en Confluence 3.5. Creé una {pre}macro para nuestros usuarios como acceso directo para {html}<pre> ... </pre>{html}. Confluence 5 es un asunto completamente diferente.
Underverse

1

Utilizo una combinación de las respuestas de Zelphir y Peter Gluck. es decir

  1. (Mac-speak) Haga clic en COMANDO + MAYÚS + D
  2. Seleccione Markdown en el menú desplegable del modelo emergente
  3. Rodee su texto con la etiqueta de código, es decir <code>bovvered</code>
  4. Haga clic en INSERTAR

1

La forma más fácil para mí es Insertar marcado.

Marcado de inserción de confluencia

Luego, en el cuadro de texto, escriba el texto entre llaves.

Insertará el texto formateado en una nueva línea, pero puede copiarlo en cualquier lugar, incluso en línea.


1
él declaró explícitamente "en línea". El marcado no está en línea.
Josh Mc

1
Las disculpas, perdí eso, aparentemente no se puede cancelar la votación: / dice que mi voto negativo está bloqueado.
Josh Mc

0

La forma más fácil que he encontrado para hacer esto es escribir un descuento justo desde el comienzo de la línea. Presione Ctrl+D(acceso directo para abrir el cuadro de diálogo de entrada de marcado) y escriba markdown. El editor wiki normal no parece ser muy bueno para un formateo preciso. No parece saber mucho sobre los estilos de caracteres y solo conoce los estilos de párrafo.


CTRL + D marca la página (¡como es de esperar!) En mi versión de Confluence.
Coderer el

-3

Si tiene WinWord, puede copiar lo que necesita en eso, retocar los resultados y luego pegarlo en Confluence. Lo he encontrado más fácil que las otras soluciones aquí.


1
XD no es mi culpa, el editor de texto de confluence está infravalorado.
Amalgovinus
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.