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.