Jak sformatować kod wbudowany w Confluence?


Odpowiedzi:


592

Aby wstawić wbudowaną czcionkę monospace w Confluence, otaczaj tekst podwójnymi nawiasami klamrowymi.

To jest {{example}}.

Jeśli używasz Confluence 4.x lub nowszej, możesz również po prostu wybrać opcję „Preformatowane” z menu stylu akapitowego. Pamiętaj, że dotyczy to całej linii.

Pełne odniesienie tutaj .


130
W zbiegu 4+ znaczniki wiki zniknęły domyślnie, a opcja „Wstępnie sformatowana” dotyczy całej linii. Jedynym sposobem na to (bez instalowania wtyczki edycyjnej wikitext) jest wybranie czcionki o stałej szerokości.
— HDave

16
Nie zadziała, jeśli go wkleisz - musisz wpisać nawiasy zamykające, aby „wyzwolić” „automatyczne formatowanie”. Jeśli chcesz sformatować duże fragmenty tekstu w ten sposób, użyj okna dialogowego Wstaw -> Wiki Markup i wpisz / wklej wszystko tam.
— jaysee00

3
Przekonałem się, że użycie Ctrl-Shift-D do wstawienia znaczników wiki jest przydatne. Jest to jedyny skrót kombi, którego używam w wersji V5. Tak, nowy edytor może być nieporęczny. Wpisywanie kodu za pomocą edytora wiki pomaga, zwłaszcza jeśli jesteś przyzwyczajony do kodowania zamiast GUI.
— Podważ

29
Niezawodny sposób, aby to zadziałało, jest wpisanie {{foo}}; zawsze rozpoznaje „foo” jako wymagające wstępnego formatowania, następnie wkleja wszystko, co naprawdę chciałbyś umieścić pomiędzy „f” i „o”, a następnie usuwa tekst „foo”. Powinieneś pozostać z tym, co naprawdę chciałeś, wstępnie sformatowanym.
— Dan Mitchell,

5
co z innym kolorem tła / tekstu? monospace to nie jedyne, chciałem podkreślić to w rzędzie, jakieś pomysły?
— Ricky Levi

77

Domyślnie Confluence renderuje tekst o stałej szerokości z przezroczystym tłem. Możesz edytować globalny CSS, aby dodać szary kolor. Z podręcznika Confluence :

  1. Wybierz ikonę koła zębatego w prawym górnym rogu ekranu, a następnie wybierz Administratora zbiegu.
  2. Wybierz arkusz stylów.
  3. Wybierz Edytuj.
  4. Wklej swój niestandardowy CSS w polu tekstowym.
  5. Wybierz Zapisz.

Niestandardowy CSS do wyświetlania szarego tła w blokach o stałej szerokości:

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

Jeśli używasz Confluence OnDemand (chmura):

  1. Kliknij trybik / koło zębate w dolnej części paska bocznego po lewej stronie
  2. Wybierz Look and Feel
  3. Kliknij pasek boczny, nagłówek i stopka kartę
  4. Wklej swój niestandardowy CSS do polu Nagłówek
  5. Zawiń kod w {style} blok
  6. Zapisać

Wklej następujące:

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

Po tym będziesz pisać ładnie i schludnie, stylowy kod wstawiania w trybie nakładki {{sometext}}.


1
Jeśli Twoja przestrzeń korzysta z niestandardowego arkusza stylów / motywu, może to nie działać. Leniwym obejściem jest dołączenie powyższego przykładu do znaczników stylu w „Look and Feel -> Custom HTML” (testowane w wersji 5.9.6).
— jdknight

3
Jeśli używasz Confluence OnDemand, musisz przejść do strony „Pasek boczny, nagłówek i stopka”. Następnie w polu tekstowym nagłówka skopiuj / wklej powyższy kod CSS, ale musisz wstawić {style}przed i po CSS . Przykład {style}użycia .
— Phil

1
Niewielka korekta, wydaje się, że musisz uciec z nawiasów klamrowych wewnątrz bloku stylu, inaczej przecięcie próbuje znaleźć makro zwane padding. {styl} kod \ {... \} {styl}
— edqwerty

4
Działa to, jednak w mojej instancji OnDemand (chmura) pojawia się teraz błąd „Następujące makra nie są obecnie obsługiwane w nagłówku: styl” u góry strony. A jednak nadal się renderuje. Idź rysunek :)
— GONeale

2
@GraehamF @GONeale Właśnie włączyłem [class^=SpaceCustomSettingsBlockComponent_unsupportedMacros]{display: none;}do niestandardowego CSS: p
— Samizdis

28

Możesz poprosić swojego przyjaznego administratora Confluence o utworzenie dla ciebie makra. Oto przykład makra dla 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>

Następnie użytkownicy mogą korzystać {inlinecode}like this{inlinecode}

Możesz także użyć makra {html}lub, {style}jeśli są zainstalowane, lub dodać ten styl do arkusza stylów dla swojej przestrzeni.

W tym momencie poproś administratora Confluence o utworzenie dla ciebie makra kbd. To samo co powyżej, z wyjątkiem tego, że Macro namejest to kbd i Templatejest:

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

Następnie możesz napisać dokumentację informującą użytkowników o naciśnięciu klawiszy F1i Enter.


2
Nie przejmuj się zbytnio administratorem ;-), {kbd} było tym, czego szukałem. Dzięki!
— Jasper de Vries,

14

Otocz swój tekst wstawiany za pomocą {{ }}.

Ostrzeżenia:

  1. Musisz nacisnąć spację później }}
  2. Nie można kopiować wstępnie sformatowanego tekstu w wierszu i zachować jego wygląd. Jeśli go skopiujesz, możesz nie być w stanie go dodać, {{ }}aby go naprawić. Po prostu wpisz go ponownie lub wklej bez formatowania ( Cmd ⌘+ Shift+ Vna Macu), a następnie dodaj{{ }} i naciśnij spację.
  3. Jeśli dodasz {{ }}tekst do istniejącego później, nie będzie on mógł być otoczony innymi znakami, np. Jeśli chcesz nawiasować wokół wstępnie sformatowanego tekstu, nie możesz go naprawić (my text), dodając nawiasy klamrowe ({{my text}}). Najpierw dodaj miejsce wokół tekstu, ( my text )a następnie dodaj {{ }}.

Wypróbuj Ctrl-D, a następnie użyj tego znacznika? Powinien spróbować przekonwertować go na nowy znacznik.
— Podważ

12

Począwszy od Confluence 4 i nowszych, wpisywanie dwóch nawiasów klamrowych nie działa.

Teraz musisz wybrać czcionkę Monospace. Zaznacz tekst, który chcesz zmienić, i:

Windows: Ctrl + Shift + M

Mac: Command + Shift + M

Alternatywnie możesz wpisać backtick (`), a Confluence sformatuje wszystko do momentu wpisania kolejnego backticka

Alternatywnie, obok opcji pogrubienia i kursywy, możesz kliknąć menu „Więcej” i wybrać Monospace:

wprowadź opis zdjęcia tutaj


11

W Confluence 5.4.2 możesz dodać otaczanie kodu wbudowanego <code></code>znacznikami w edytorze źródłowym w następujący sposób:

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

Może to być przydatne, gdy istnieje wiele fragmentów do zmodyfikowania, ponieważ funkcja podwójnego nawiasu działa tylko podczas interaktywnego dodawania tekstu w edytorze Confluence.


Dziękujemy, wydaje się, że działa to również podczas procesu migracji z MediaWiki do Confluece przy użyciu UWC.
— MonkeyMonkey

10

Jeśli chcesz wstawić duży blok kodu z opcjonalnymi numerami linii itp. Użyj Makra kodu (dostępnego w Makrach -> Inne).



tak, jak to zrobić bez klikania dwóch menu? często potrzebuję 10 bloków kodu na stronie.
— Jeremy Leipzig,

11
@JeremyLeipzig Wpisz, {aby wyświetlić przeglądarkę makr i rozpocząć pisanie kodu .
— alex

Do Twojej wiadomości, jeśli użyjesz „&” w kodzie, zostanie on nieprawidłowo sformatowany - patrz jira.atlassian.com/browse/CONFCLOUD-59800
— nevets1219

7

Aby sformatować kod w tekście, użyj znaku `` '', aby otoczyć kod. Zwykle znajduje się po lewej stronie klawisza „1” na klawiaturze.

Przykład:

`printf("Hello World");`

Taki sam separator jak Wymiana stosu!


2
ADM - wyświetlałem kod z ogranicznikami, a ty ich unikałeś. Teraz kod wygląda jak kod, co nie jest intencją mojej odpowiedzi. Celem mojej odpowiedzi jest wykazanie, że w przypadku zbiegu znak separatora jest `który jest taki sam jak SO.
— morrisonbrett

1
Na jakiej wersji Confluence działa ta funkcja? Moja instancja nie traktuje wstecznych jako znaków specjalnych.
— Coderer

6

Uznałem, że formatowanie kolorów jest nieco trudniejsze, ponieważ Confluence (5.6.3) jest bardzo wybredna jeśli chodzi o spacje wokół bloków {{monospace}}.

Tworzenie kolorowej Monospace za pomocą znaczników Wiki

Renderowane przez Confluence


3

W momencie pisania tego tekstu stwierdziłem, że ani {{string}}nie {{ string }}działa. Mój panel sterowania miał tylko przycisk bloku kodu.

Był jednak skrót do formatowania o stałej szerokości: Ctrl+ Shift+ M.

Grzebałem w menu, ale nie byłem w stanie dowiedzieć się, która wersja jest nam podawana.


1

Wszystkie pozostałe odpowiedzi z pewnością brzmią jak dobre pomysły i najpierw poleciłbym je wykorzystać, ale dla uzupełnienia dodam jeszcze jedną do listy.

Możesz po prostu użyć makra HTML, a następnie wkleić zawartość zawiniętą w <pre> </pre>tagi.


Można osiągnąć ten sam efekt, ale należy go unikać, chyba że zachodzi potrzeba oznaczania tekstu w bloku innymi tagami HTML.
— Cofnij się

Tak, dlatego najpierw zaleciłem skorzystanie z rozwiązań podanych w innych odpowiedziach. Nigdy nie powiedziałem, że to dobra odpowiedź. Powiedziałem, że chcę dodać go do listy ze względu na kompletność.
— Alexander Ryan Baggett

Ta metoda jest idealną odpowiedzią, jeśli potrzebujesz dokładnej kontroli kolorów i stylów w bloku kodu w Confluence 3.5. Stworzyłem {pre}makro dla naszych użytkowników jako skrót do {html}<pre> ... </pre>{html}. Zbieżność 5 to zupełnie inna sprawa.
— Underverse

1

Używam kombinacji odpowiedzi Zelphira i Petera Glucka. to znaczy

  1. (Mac-speak) Kliknij COMMAND + SHIFT + D
  2. Wybierz opcję Markdown w menu podręcznym modelu
  3. Otocz swój tekst znacznikiem kodu - tj <code>bovvered</code>
  4. Kliknij WSTAW

1

Najprostszym sposobem dla mnie jest wstawienie znaczników.

Wstaw znaczniki

Następnie w polu tekstowym wpisz tekst między nawiasami klamrowymi.

Wstawi sformatowany tekst w nowym wierszu, ale możesz go skopiować w dowolnym miejscu, nawet w wierszu.


1
wyraźnie stwierdził „inline”. Znaczniki nie są wbudowane.
— Josh Mc

1
Przepraszam, przeoczyłem to, najwyraźniej nie mogę cofnąć głosu: / mówi, że moje zdanie jest zablokowane.
— Josh Mc

0

Najłatwiejszym sposobem, jaki to zrobiłem, jest pisanie od razu od początku wiersza. Naciśnij Ctrl+D(skrót do otwierania okna dialogowego wprowadzania znaczników) i wpisz markdown. Zwykły edytor wiki nie wydaje się zbyt dobry do precyzyjnego formatowania. Wydaje się, że niewiele wie o stylach znaków i zna tylko style akapitowe.


CTRL + D tworzy zakładkę do strony (dokładnie tak, jak byś tego oczekiwał!) W mojej wersji Confluence.
— Coderer

-3

Jeśli masz program WinWord, możesz skopiować do niego to, czego potrzebujesz, poprawić wyniki, a następnie wkleić to w Confluence. Znalazłem to łatwiejsze niż inne rozwiązania tutaj.


1
XD nie moja wina, że ​​edytor tekstowy confluence jest niedopracowany.
— Amalgovinus,
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.