Wie formatiere ich einen Inline-Code in Confluence?


Antworten:


592

Um Inline-Monospace-Schriftarten in Confluence einzufügen, umgeben Sie den Text in doppelten geschweiften Klammern.

Dies ist eine {{example}}.

Wenn Sie Confluence 4.x oder höher verwenden, können Sie auch einfach die Option "Vorformatiert" aus dem Menü "Absatzstil" auswählen. Bitte beachten Sie, dass dies für die gesamte Linie gilt.

Vollständige Referenz hier .


130
In Confluence 4+ ist das Wiki-Markup standardmäßig nicht mehr vorhanden und die Option "Vorformatiert" gilt für die gesamte Zeile. Die einzige Möglichkeit, dies zu tun (ohne das Wikitext-Bearbeitungs-Plugin zu installieren), besteht darin, eine monospaced Schriftart auszuwählen.
HDave

16
Es funktioniert nicht, wenn Sie es einfügen - Sie müssen die schließenden Klammern eingeben, um das "Auto-Format" "auszulösen". Wenn Sie große Textmengen auf diese Weise formatieren möchten, verwenden Sie das Dialogfeld Einfügen -> Wiki-Markup und geben Sie alles dort ein.
Jaysee00

3
Ich habe festgestellt, dass die Verwendung von Strg-Umschalt-D zum Einfügen von Wiki-Markups nützlich ist. Es ist die einzige Combo-Verknüpfung, die ich in V5 verwende. Ja, der neue Editor kann unhandlich sein. Die Eingabe von Code über den Wiki-Editor hilft, insbesondere wenn Sie das Markup-Codieren anstelle von GUI verwenden.
Underverse

29
Ein zuverlässiger Weg, um diese Arbeit zu machen, ist die Eingabe von {{foo}}; Es erkennt immer, dass 'foo' vorformatiert werden muss, fügt dann alles, was Sie wirklich dort einfügen wollten, zwischen 'f' und 'o' ein und entfernt dann den 'foo'-Text. Sie sollten mit dem, was Sie wirklich wollten, vorformatiert bleiben.
Dan Mitchell

5
Was ist mit einer anderen Hintergrund- / Textfarbe? Monospace ist nicht das einzige, ich wollte es in der Reihe hervorheben, irgendwelche Ideen?
Ricky Levi

77

Standardmäßig rendert Confluence monospaced Text mit transparentem Hintergrund. Sie können globales CSS bearbeiten, um graue Farbe hinzuzufügen. Aus dem Confluence-Handbuch :

  1. Wählen Sie das Zahnradsymbol oben rechts auf dem Bildschirm und dann Confluence Admin.
  2. Wählen Sie Stylesheet.
  3. Wählen Sie Bearbeiten.
  4. Fügen Sie Ihr benutzerdefiniertes CSS in das Textfeld ein.
  5. Wählen Sie Speichern.

Benutzerdefiniertes CSS zum Anzeigen des grauen Hintergrunds in monospaced Blöcken:

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

Wenn Sie Confluence OnDemand (Cloud) verwenden:

  1. Klicken Sie links unten in der Seitenleiste auf das Zahnrad / Zahnrad
  2. Wählen Sie Look and Feel
  3. Klicken Sie auf die Registerkarte Seitenleiste, Kopf- und Fußzeile
  4. Fügen Sie Ihr benutzerdefiniertes CSS in das Feld Kopfzeile ein
  5. Wickeln Sie den Code in einen {style}Block
  6. speichern

Fügen Sie Folgendes ein:

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

Danach erhalten Sie schöne und ordentliche Inline-Code-Bereiche mit Stackoverflow-Stil, indem Sie einfach schreiben {{sometext}}.


1
Wenn Ihr Bereich ein benutzerdefiniertes Stylesheet / Thema verwendet, funktioniert dies möglicherweise nicht. Eine verzögerte Problemumgehung besteht darin, das obige Beispiel in Stil-Tags unter "Look and Feel -> Benutzerdefiniertes HTML" (getestet in Version 5.9.6) anzuhängen.
JD Knight

3
Wenn Sie Confluence OnDemand verwenden, müssen Sie zur Seite "Seitenleiste, Kopf- und Fußzeile" wechseln. Kopieren Sie dann in das Header-Textfeld den obigen CSS-Code, fügen Sie ihn {style}vor und nach dem CSS ein . Beispiel für {style}Verwendung .
Phil

1
Bei geringfügigen Korrekturen müssen Sie sich anscheinend den geschweiften Klammern im Stilblock entziehen. Andernfalls versucht Confluence, ein Makro namens Padding zu finden. {style} code \ {... \} {style}
edqwerty

4
Dies funktioniert, aber in meiner OnDemand-Instanz (Cloud) wird jetzt oben auf der Seite die Fehlermeldung "Die folgenden Makros werden derzeit im Header nicht unterstützt: style" angezeigt. Trotzdem macht es immer noch. Go figure :)
GONeale

2
@GraehamF @GONeale Ich habe gerade [class^=SpaceCustomSettingsBlockComponent_unsupportedMacros]{display: none;}in das benutzerdefinierte CSS aufgenommen: p
Samizdis

28

Sie können Ihren teuflischen Confluence-Administrator bitten, ein Makro für Sie zu erstellen. Hier ist ein Beispiel für ein Makro für 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>

Dann können Benutzer verwenden {inlinecode}like this{inlinecode}

Sie können auch die Makros {html}oder verwenden, {style}wenn sie installiert sind, oder diesen Stil dem Stylesheet für Ihren Bereich hinzufügen.

Bitten Sie Ihren Confluence-Administrator, ein kbd-Makro für Sie zu erstellen. Wie oben, außer Macro nameist kbd und Templateist:

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

Anschließend können Sie eine Dokumentation schreiben, um die Benutzer anzuweisen, die Tasten F1und zu Enterdrücken.


2
Der Administrator ist mir egal (-), {kbd} war das, wonach ich gesucht habe. Vielen Dank!
Jasper de Vries

14

Umgeben Sie Ihren Inline-Text mit {{ }}.

Vorsichtsmaßnahmen:

  1. Sie müssen die Leertaste danach drücken }}
  2. Sie können vorformatierten Inline-Text nicht kopieren und dessen Aussehen beibehalten. Wenn Sie es kopieren, können Sie es möglicherweise nicht hinzufügen {{ }}, um es zu beheben. Geben Sie es einfach erneut ein oder fügen Sie es ohne Formatierung ein ( Cmd ⌘+ Shift+ Vauf dem Mac), {{ }}und fügen Sie dann Leerzeichen hinzu.
  3. Wenn Sie den {{ }}Text später zu vorhandenem Text hinzufügen , kann er nicht von anderen Zeichen umgeben sein. Wenn Sie beispielsweise Ihren vorformatierten Text in Klammern setzen möchten, können Sie dies nicht (my text)durch Hinzufügen von geschweiften Klammern beheben ({{my text}}). Fügen Sie zuerst Platz um Ihren Text hinzu ( my text )und fügen Sie dann das hinzu {{ }}.

Versuchen Sie es mit Strg-D und verwenden Sie dann dieses Markup? Es sollte versuchen, es in das neue Markup zu konvertieren.
Underverse

12

Ab Confluence 4 und höher funktioniert das Eingeben von zwei geschweiften Klammern nicht mehr.

Sie müssen jetzt die Schriftart Monospace auswählen. Markieren Sie den Text, den Sie ändern möchten, und:

Windows: Strg + Umschalt + M.

Mac: Befehl + Umschalt + M.

Alternativ können Sie einen Backtick (`) eingeben und Confluence formatiert alles, bis Sie einen weiteren Backtick eingeben

Alternativ können Sie neben den fett und kursiv gedruckten Optionen auf die Dropdown-Liste "Mehr" klicken und Monospace auswählen:

Geben Sie hier die Bildbeschreibung ein


11

In Confluence 5.4.2 können Sie Ihren Inline-Code mit <code></code>Tags im Quellcode-Editor folgendermaßen hinzufügen:

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

Dies kann nützlich sein, wenn viele Fragmente geändert werden müssen, da die Funktion mit doppelten Klammern nur funktioniert, wenn Text interaktiv im Confluence-Editor hinzugefügt wird.


Vielen Dank, dies scheint auch während des Migrationsprozesses von MediaWiki zu Confluece mit UWC zu funktionieren.
MonkeyMonkey

10

Wenn Sie einen großen Codeblock mit optionalen Zeilennummern usw. einfügen möchten, verwenden Sie das Code-Makro (verfügbar unter Makros -> Andere).



Ja, wie mache ich das, ohne durch zwei Menüs zu klicken? Ich brauche oft wie 10 Codeblöcke pro Seite.
Jeremy Leipzig

11
@JeremyLeipzig Geben Sie ein {, um den Makro-Browser aufzurufen und Code einzugeben .
Alex


7

Verwenden Sie das '' 'Zeichen, um den Code in Ihrem Text zu formatieren. Befindet sich normalerweise links von der Taste '1' auf Ihrer Tastatur.

Beispiel:

`printf("Hello World");`

Gleiches Trennzeichen wie Stack Exchange!


2
ADM - Ich habe den Code mit den Trennzeichen angezeigt, und Sie haben sie nicht entfernt. Jetzt sieht der Code wie Code aus, was nicht die Absicht meiner Antwort ist. Mit meiner Antwort möchte ich zeigen, dass bei Confluence das Trennzeichen "das gleiche wie SO" ist.
Morrisonbrett

1
Auf welcher Version von Confluence funktioniert das? Meine Instanz behandelt Backticks nicht als Sonderzeichen.
Coderer

6

Ich fand die Formatierung mit Farben etwas schwieriger, da Confluence (5.6.3) sehr pingelig in Bezug auf Leerzeichen um die {{monospace}} -Blöcke ist.

Erstellen eines farbigen Monospace mit Wiki-Markup

Wie von Confluence gerendert


3

Zum Zeitpunkt dieses Schreibens fand ich, dass weder {{string}}noch {{ string }}arbeiten. Mein Bedienfeld hatte nur die Codeblock-Taste.

Es gab jedoch eine Verknüpfung für die Formatierung mit fester Breite: Ctrl+ Shift+ M.

Ich stöberte in den Menüs herum, konnte aber nicht herausfinden, welche Version uns serviert wird.


1

Alle diese anderen Antworten klingen sicherlich nach guten Ideen, und ich würde empfehlen, sie zuerst zu verwenden, aber ich werde der Vollständigkeit halber noch eine weitere zur Liste hinzufügen.

Sie können einfach das HTML-Makro verwenden und dann Ihren Inhalt in <pre> </pre>Tags einfügen .


Dies kann den gleichen Effekt erzielen, sollte jedoch vermieden werden, es sei denn, der Text im Block muss mit anderen HTML-Tags markiert werden.
Underverse

Ja, deshalb habe ich empfohlen, zuerst die in den anderen Antworten angegebenen Lösungen zu verwenden. Ich habe nie gesagt, dass es eine gute Antwort ist. Ich sagte, ich wollte es der Vollständigkeit halber zur Liste hinzufügen.
Alexander Ryan Baggett

Diese Methode ist die perfekte Antwort, wenn Sie die Feinsteuerung von Farben und Stilen in einem Codeblock in Confluence 3.5 benötigen. Ich habe ein {pre}Makro für unsere Benutzer als Verknüpfung für erstellt {html}<pre> ... </pre>{html}. Confluence 5 ist eine ganz andere Sache.
Underverse

1

Ich benutze eine Kombination aus den Antworten von Zelphir und Peter Gluck. dh

  1. (Mac-Sprache) Klicken Sie auf BEFEHL + UMSCHALT + D.
  2. Wählen Sie Markdown in der Dropdown-Liste des Modell-Popups
  3. Umgeben Sie Ihren Text mit dem Code-Tag - dh <code>bovvered</code>
  4. Klicken Sie auf EINFÜGEN

1

Für mich ist es am einfachsten, Markup einzufügen.

Confluence Insert Markup

Geben Sie dann in das Textfeld den Text zwischen geschweiften Klammern ein.

Der formatierte Text wird in eine neue Zeile eingefügt, Sie können ihn jedoch überall kopieren, auch inline.


1
er erklärte ausdrücklich "inline". Markup ist nicht inline.
Josh Mc

1
Entschuldigungen, die ich verpasst habe, können die Abstimmung anscheinend nicht aufheben: Ich sage, meine Ablehnung ist gesperrt.
Josh Mc

0

Der einfachste Weg, dies zu tun, besteht darin, vom Anfang der Zeile an in Markdown zu schreiben. Drücken Sie Ctrl+D(Verknüpfung zum Öffnen des Markup-Eingabedialogs) und geben Sie Markdown ein. Der normale Wiki-Editor scheint für eine präzise Formatierung nicht sehr gut zu sein. Es scheint nicht viel über Zeichenstile zu wissen und kennt nur Absatzstile.


STRG + D markiert die Seite in meiner Confluence-Version mit einem Lesezeichen (genau wie Sie es erwarten würden!).
Coderer

-3

Wenn Sie über WinWord verfügen, können Sie das, was Sie benötigen, in dieses kopieren, die Ergebnisse nachbessern und dann in Confluence einfügen. Ich habe das einfacher gefunden als die anderen Lösungen hier.


1
XD nicht mein Fehler Confluence Texteditor ist unterfunktioniert.
Amalgovinus
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.