Comment formater un code en ligne dans Confluence?

Comment formater un inline code dans Confluence like this? Je veux dire, pas un bloc de code séparé, mais juste en ligne classname, par exemple.

385
demandé sur alex 2012-10-28 01:51:28

14 réponses

Pour insérer une police monospace en ligne dans Confluence, entourez le texte de doubles accolades.

Ceci est un {{example}}.

Si vous utilisez Confluence 4.x ou supérieur, vous pouvez également sélectionner l'option" Préformaté " dans le menu Style de paragraphe.

Référence complète ici: https://confluence.atlassian.com/display/CONF56/Quick+Reference+Guide+for+the+Confluence+Editor

499
répondu jaysee00 2017-11-17 17:18:22

Par défaut, Confluence rend le texte monospacé avec un arrière-plan transparent. Vous pouvez modifier le CSS global pour ajouter une couleur grise. De Manuel Confluence :

  1. choisissez L'icône de rouage en haut à droite de l'écran, puis choisissez Confluence Admin.
  2. Choisissez La Feuille De Style.
  3. Choisissez Modifier.
  4. collez votre CSS personnalisé dans le champ de texte.
  5. Choisissez Enregistrer.

CSS personnalisé pour afficher un fond gris dans des blocs monospacés:

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 vous êtes utilisation de Confluence OnDemand (cloud):

  1. Cliquez sur le rouage/engrenage en bas de la barre latérale à gauche
  2. Sélectionnez apparence
  3. Cliquez sur l'onglet barre latérale, en-tête et pied de page
  4. collez votre CSS personnalisé dans le champ Header
  5. enveloppe le code dans un bloc {style}
  6. Enregistrer

Coller ce qui suit:

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

Après cela, vous obtiendrez StackOverflow agréable et bien rangé - le code en ligne élégant s'étend simplement en écrivant {{sometext}}.

67
répondu dipp 2016-04-29 05:27:07

Vous pouvez demander à votre administrateur confluence diabolique de créer une macro pour vous. Voici un exemple de macro pour 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>

, Puis les utilisateurs peuvent utiliser {inlinecode}like this{inlinecode}

Vous pouvez également utiliser le {html} ou {style} macros si elles sont installées ou ajouter ce style à la feuille de style pour votre espace.

Pendant que vous y êtes, demandez à votre administrateur Confluence de créer une macro kbd pour vous. Même que ci-dessus, à l'exception Macro name est kbd et Template est:

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

Alors vous pouvez écrire documentation pour dire aux utilisateurs d'appuyer sur les touches F1 et entrez.

26
répondu Underverse 2013-11-04 07:42:33

Dans Confluence 5.4.2, vous pouvez ajouter surround votre code en ligne avec des balises <code></code> dans L'éditeur source ainsi:

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

Cela peut être utile lorsqu'il y a beaucoup de fragments à modifier car la fonction double Accolade ne fonctionne que lors de l'ajout interactif de texte dans L'éditeur Confluence.

11
répondu Peter Gluck 2017-11-12 05:01:40

Entourez votre texte en ligne avec {{ }}.

Mises en garde:

  1. , Vous avez pour frapper la barre d'espace après }}
  2. Vous ne pouvez pas copier du texte préformaté en ligne et maintenir son apparence. Si vous le copiez, vous ne pourrez peut-être pas ajouter {{ }} pour le réparer. Juste retaper ou coller sans mise en forme (Cmd ⌘+Maj+V sur Mac) puis ajoutez {{ }} et appuyez sur espace.
  3. Si vous ajoutez le {{ }} au texte existant plus tard, il ne peut pas être entouré par d'autres caractères, par exemple si vous voulez des parenthèses autour de votre texte préformaté, vous ne pouvez pas corriger (my text) en ajoutant des accolades ({{my text}}). D'abord ajouter l'espace autour de votre texte ( my text ), puis ajoutez le {{ }}.
10
répondu Nelu 2016-12-16 17:24:35

Si vous voulez insérer un grand bloc de code avec des numéros de ligne facultatifs, etc. Utilisez la Macro de Code (disponible sous Macros - > autre).

8
répondu alex 2012-11-28 12:45:06

J'ai trouvé le formatage avec des couleurs un peu plus délicat car Confluence (5.6.3) est très difficile à propos des espaces autour des blocs {{monospace}}.

Création de Monospace coloré avec le balisage Wiki

Comme rendu par Confluence

6
répondu xxfelixxx 2015-04-25 05:10:56

Pour mettre le code en ligne dans votre texte, utilisez le caractère "' pour entourer votre code. Généralement situé à gauche de la touche " 1 " sur votre clavier.

Exemple:

`printf("Hello World");`

Même délimiteur que Stack Exchange!

4
répondu morrisonbrett 2018-07-26 15:09:34

À partir de Confluence 4 et au-dessus, taper deux accolades ne fonctionne pas.

Vous devez maintenant sélectionner la police Monospace. Mettez en surbrillance le texte que vous souhaitez modifier et:

Windows: Ctrl + Maj + M

Mac: Commande + Maj + M

Alternativement, à côté des options en gras et en italique, vous pouvez cliquer sur le menu déroulant "Plus" et sélectionner Monospace:

entrez la description de l'image ici

3
répondu Ian Jamieson 2018-05-24 08:33:06

Toutes ces autres réponses ressemblent certainement à de bonnes idées et je recommanderais de les utiliser en premier, mais je vais aller de l'avant et en ajouter une autre à la liste par souci d'exhaustivité.

Vous pouvez simplement utiliser la macro html, puis coller votre contenu enveloppé dans des balises <pre> </pre>.

1
répondu Alexander Ryan Baggett 2015-03-01 09:09:14

Le moyen le plus simple que j'ai trouvé pour le faire est d'écrire dans markdown dès le début de la ligne. Appuyez sur Ctrl+D (raccourci pour ouvrir la boîte de dialogue d'entrée de balisage) et tapez markdown. L'éditeur wiki normal ne semble pas être très bon pour un formatage précis. Il ne semble pas en savoir beaucoup sur les styles de caractères et ne connaît que les styles de paragraphe.

0
répondu Zelphir 2016-12-13 09:30:02

J'utilise une combinaison des réponses de Zelphir et Peter Gluck. c'est à dire

  1. (Mac-speak) cliquez sur Commande + Maj + D
  2. Sélectionnez Markdown dans la liste déroulante de la fenêtre contextuelle modèle
  3. entourez votre texte avec la balise code - c'est à dire <code>bovvered</code>
  4. Cliquez sur Insérer
0
répondu Sam Kenny 2017-05-31 21:50:41

Le moyen le plus simple pour moi est D'insérer un balisage.

Balisage D'Insertion De Confluence

, Puis dans la zone de texte tapez le texte entre accolades.

Il insérera le texte formaté dans une nouvelle ligne mais vous pouvez le copier n'importe où, même en ligne.

0
répondu Ena 2018-06-15 08:16:21

Si vous avez WinWord, vous pouvez copier ce dont vous avez besoin, retoucher les résultats, puis le coller dans Confluence. J'ai trouvé cela plus facile que les autres solutions ici.

-1
répondu Amalgovinus 2016-10-10 23:39:59