Come formattare un codice incorporato in Confluence?


Risposte:


592

Per inserire il carattere monospace inline in Confluence, racchiudi il testo tra parentesi graffe doppie.

Questo è un {{example}}.

Se stai usando Confluence 4.xo versioni successive, puoi anche selezionare l'opzione "Preformattato" dal menu stile paragrafo. Si noti che si applicherà all'intera riga.

Riferimento completo qui .


130
In Confluence 4+ il markup wiki è disattivato per impostazione predefinita e l'opzione "Preformattato" si applica all'intera riga. L'unico modo per farlo (senza installare il plug-in di modifica di wikitext) è quello di scegliere un carattere a spaziatura fissa.
HDave il

16
Non funzionerà se lo stai incollando: devi digitare le parentesi graffe di chiusura per "innescare" il "formattazione automatica". Se vuoi formattare ampie parti di testo in questo modo, usa la finestra di dialogo Inserisci -> Wiki Markup e digita / incolla tutto lì dentro.
jaysee00,

3
Ho scoperto che è utile usare Ctrl-Shift-D per inserire il markup wiki. È l'unica scorciatoia combinata che uso in V5. Sì, il nuovo editor può essere ingombrante. L'immissione del codice tramite l'editor wiki aiuta, soprattutto se si è abituati a contrassegnare la codifica anziché la GUI.
Underverse il

29
Un modo affidabile per farlo funzionare è digitare {{foo}}; riconosce sempre "pippo" come necessità di preformattazione, quindi incolla tutto ciò che si desidera inserire tra "f" e "o", quindi rimuovere il testo "pippo". Dovresti essere lasciato con ciò che volevi davvero, preformattato.
Dan Mitchell,

5
che dire di un diverso colore di sfondo / testo? il monospazio non è l'unica cosa, volevo evidenziarlo all'interno della fila, qualche idea?
Ricky Levi,

77

Per impostazione predefinita, Confluence esegue il rendering di testo a spaziatura fissa con sfondo trasparente. È possibile modificare i CSS globali per aggiungere il colore grigio. Dal manuale di Confluence :

  1. Scegli l'icona a forma di ingranaggio in alto a destra sullo schermo, quindi scegli Confluence Admin.
  2. Scegli il foglio di stile.
  3. Scegli Modifica
  4. Incolla il tuo CSS personalizzato nel campo di testo.
  5. Scegli Salva.

CSS personalizzato per visualizzare lo sfondo grigio in blocchi monospaziati:

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;
}

Se stai usando Confluence OnDemand (cloud):

  1. Fai clic sull'ingranaggio / ingranaggio nella parte inferiore della barra laterale a sinistra
  2. Seleziona Aspetto
  3. Fai clic su barra laterale, intestazione e piè di pagina scheda pagina
  4. Incolla il tuo CSS personalizzato nel campo Intestazione
  5. Avvolgere il codice in un {style}blocco
  6. Salva

Incolla quanto segue:

{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}

Dopodiché otterrai codice e inline eleganti in pila stackoverflow semplicemente scrivendo {{sometext}}.


1
Se il tuo spazio utilizza un foglio di stile / tema personalizzato, questo potrebbe non funzionare. Una soluzione temporanea consiste nell'applicare l'esempio sopra all'interno dei tag di stile in "Aspetto e sensibilità -> HTML personalizzato" (testato sulla versione 5.9.6).
jdknight

3
Se si utilizza Confluence OnDemand, è necessario accedere alla pagina "Barra laterale, intestazione e piè di pagina". Quindi nella casella di testo dell'intestazione copia / incolla il codice CSS sopra, ma devi inserire {style}prima e dopo il CSS . Esempio di {style}utilizzo .
Phil

1
Correzione minore, sembra che tu abbia bisogno di sfuggire alle parentesi graffe all'interno del blocco di stile, altrimenti la confluenza cerca di trovare una macro chiamata padding. {style} code \ {... \} {style}
edqwerty,

4
Funziona, tuttavia nella mia istanza di OnDemand (cloud) sto ricevendo un errore "Le seguenti macro non sono attualmente supportate nell'intestazione: stile" nella parte superiore della pagina. Eppure rende ancora. Vai a capire :)
GONeale,

2
@GraehamF @GONeale Ho appena incluso [class^=SpaceCustomSettingsBlockComponent_unsupportedMacros]{display: none;}nel CSS personalizzato: p
Samizdis,

28

Puoi chiedere all'amministratore confuso di Confluence di creare una macro per te. Ecco un esempio di una macro per 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>

Quindi gli utenti possono usare {inlinecode}like this{inlinecode}

Puoi anche usare le macro {html}o {style}se sono installate o aggiungere questo stile al foglio di stile per il tuo spazio.

Mentre ci sei, chiedi al tuo amministratore di Confluence di creare una macro kbd per te. Come sopra, ad eccezione Macro nameè kbd ed Templateè:

<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> 

Quindi puoi scrivere la documentazione per dire agli utenti di premere i tasti F1e Enter.


2
Non mi interessa molto l'amministratore ;-), {kbd} era quello che stavo cercando. Grazie!
Jasper de Vries,

14

Circonda il testo in linea con {{ }}.

Avvertenze:

  1. Devi colpire la barra spaziatrice dopo }}
  2. Non è possibile copiare il testo preformattato incorporato e mantenerne l'aspetto. Se lo copi, potresti non essere in grado di aggiungerlo {{ }}per risolverlo. Basta riscriverlo o incollarlo senza formattarlo ( Cmd ⌘+ Shift+ Vsu Mac), quindi aggiungere {{ }}e premere spazio.
  3. Se si aggiunge il {{ }}testo esistente in un secondo momento, non può essere circondato da altri caratteri, ad esempio se si desidera una parentesi attorno al testo preformattato, non è possibile correggere (my text)aggiungendo parentesi graffe ({{my text}}). Prima aggiungi spazio attorno al testo, ( my text )quindi aggiungi il {{ }}.

Prova Ctrl-D quindi usa questo markup? Dovrebbe provare a convertirlo nel nuovo markup.
Underverse

12

A partire da Confluence 4 e successive, digitare due parentesi graffe non funziona.

Ora devi selezionare il carattere Monospace. Evidenzia il testo che desideri modificare e:

Windows: Ctrl + Maiusc + M

Mac: Comando + Maiusc + M

In alternativa, puoi digitare un backtick (`) e Confluence formatterà tutto finché non digiti un altro backtick

In alternativa, accanto alle opzioni in grassetto e corsivo, puoi fare clic sul menu a discesa "Altro" e selezionare Monospace:

inserisci qui la descrizione dell'immagine


11

In Confluence 5.4.2 puoi aggiungere in questo modo il tuo codice incorporato con i <code></code>tag nell'editor sorgente in questo modo:

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

Questo può essere utile quando ci sono molti frammenti da modificare poiché la funzione di parentesi graffa doppia funziona solo quando si aggiunge il testo in modo interattivo nell'editor di confluenza.


Grazie, questo sembra funzionare anche durante il processo di migrazione da MediaWiki a Confluece utilizzando UWC.
MonkeyMonkey

10

Se si desidera inserire un blocco di codice di grandi dimensioni con numeri di riga opzionali, ecc. Utilizzare la Macro codice (disponibile in Macro -> Altro).



Sì, come posso farlo senza fare clic su due menu? spesso ho bisogno di 10 blocchi di codice per pagina.
Jeremy Leipzig,

11
@JeremyLeipzig Digita {per visualizzare il browser macro e iniziare a digitare il codice .
alex,

Cordiali saluti, se si utilizza "&" nel codice viene formattato in modo errato - vedere jira.atlassian.com/browse/CONFCLOUD-59800
nevets1219

7

Per formattare il codice in linea all'interno del testo, utilizzare il carattere '' 'per circondare il codice. Di solito si trova a sinistra del tasto '1' sulla tastiera.

Esempio:

`printf("Hello World");`

Stesso delimitatore di Stack Exchange!


2
ADM - Stavo mostrando il codice con i delimitatori e tu li hai scampati. Ora il codice è simile al codice, che non è l'intento della mia risposta. L'intento della mia risposta è dimostrare che su Confluence il carattere delimitatore è `che sembra essere lo stesso di SO.
Morrisonbrett,

1
Su quale versione di Confluence funziona? La mia istanza non tratta i backtick come caratteri speciali.
Coderer

6

Ho trovato la formattazione con i colori un po 'più complicata poiché Confluence (5.6.3) è molto esigente riguardo agli spazi attorno ai blocchi {{monospace}}.

Creazione di Monospace colorato con Wiki Markup

Come reso da Confluenza


3

Al momento della stesura di questo documento, ho scoperto che né {{string}}{{ string }}funziona. Il mio pannello di controllo aveva solo il pulsante di blocco del codice.

Tuttavia, c'era un collegamento elencato per la formattazione a larghezza fissa: Ctrl+ Shift+ M.

Ho cercato nei menu ma non sono riuscito a scoprire quale versione ci viene offerta.


1

Tutte queste altre risposte sembrano certamente buone idee e consiglierei di usarle prima, ma andrò avanti e ne aggiungerò un'altra alla lista per completezza.

Puoi semplicemente usare la macro html e quindi incollare il contenuto racchiuso nei <pre> </pre>tag.


Ciò può ottenere lo stesso effetto ma dovrebbe essere evitato a meno che non sia necessario contrassegnare il testo all'interno del blocco con altri tag HTML.
Underverse

Sì, è per questo che ho raccomandato di utilizzare prima le soluzioni fornite nelle altre risposte. Non ho mai detto che fosse una buona risposta. Ho detto che volevo aggiungerlo all'elenco per completezza.
Alexander Ryan Baggett il

Questo metodo è la risposta perfetta se hai bisogno di un controllo accurato di colori e stili in un blocco di codice in Confluence 3.5. Ho creato una {pre}macro per i nostri utenti come scorciatoia per {html}<pre> ... </pre>{html}. La confluenza 5 è completamente un'altra questione.
Underverse il

1

Uso una combinazione delle risposte di Zelphir e Peter Gluck. vale a dire

  1. (Mac-speak) Fai clic su COMANDO + MAIUSC + D
  2. Seleziona Contrassegna nel menu a discesa del modello a comparsa
  3. Circonda il tuo testo con il tag del codice, ad es <code>bovvered</code>
  4. Fai clic su INSERISCI

1

Il modo più semplice per me è inserire Markup.

Confluenza dell'inserimento markup

Quindi nella casella di testo digitare il testo tra parentesi graffe.

Inserirà il testo formattato in una nuova riga ma è possibile copiarlo ovunque, anche in linea.


1
ha esplicitamente dichiarato "inline". Il markup non è in linea.
Josh Mc,

1
Mi scuso, a quanto pare, non può annullare la votazione apparentemente: / dice che il mio voto negativo è bloccato.
Josh Mc,

0

Il modo più semplice che ho trovato per farlo è scrivere in markdown fin dall'inizio della riga. Premi Ctrl+D(scorciatoia per aprire la finestra di dialogo per l'immissione del markup) e digita markdown. Il normale editor wiki non sembra essere molto buono per una formattazione precisa. Non sembra sapere molto sugli stili di carattere e conosce solo gli stili di paragrafo.


CTRL + D aggiunge la pagina ai segnalibri (proprio come ti aspetteresti!) Sulla mia versione di Confluence.
Coderer

-3

Se hai WinWord, puoi copiare quello che ti serve, ritoccare i risultati e incollarlo in Confluence. L'ho trovato più facile rispetto alle altre soluzioni qui.


1
XD, l'editor di testo della mia confluenza non è mal funzionante.
Amalgovinus,
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.