Confluence에서 인라인 코드를 포맷하는 방법은 무엇입니까?


답변:


592

Confluence에 인라인 모노 스페이스 글꼴을 삽입하려면 텍스트를 이중 중괄호로 묶습니다.

이것은입니다 {{example}}.

Confluence 4.x 이상을 사용하는 경우 단락 스타일 메뉴에서 "미리 포맷 된"옵션을 선택할 수도 있습니다. 전체 라인에 적용됩니다 .

자세한 내용은 여기를 참조 하십시오 .


130
Confluence 4+에서 위키 마크 업은 기본적으로 사라지고 "Preformatted"옵션은 전체 라인에 적용됩니다. 위키 텍스트 편집 플러그인을 설치하지 않고 할 수있는 유일한 방법은 고정 폭 글꼴을 선택하는 것입니다.
HDave

16
붙여 넣으면 작동하지 않습니다. "자동 형식"을 "트리거"하려면 닫는 중괄호를 입력해야합니다. 이 방법으로 큰 텍스트 뭉치의 서식을 지정하려면 삽입-> 위키 마크 업 대화 상자를 사용하여 입력 / 붙여 넣기하십시오.
jaysee00

3
Ctrl-Shift-D를 사용하여 위키 마크 업을 삽입하는 것이 유용하다는 것을 알았습니다. V5에서 사용하는 유일한 콤보 바로 가기입니다. 예, 새로운 편집자는 다루기 어려울 수 있습니다. 특히 GUI 대신 코딩을 마크 업하는 데 익숙한 경우 위키 편집기를 통해 코드를 입력하면 도움이됩니다.
Underverse

29
이 작업을 수행하는 신뢰할 수있는 방법은 {{foo}}를 입력하는 것입니다. 항상 'foo'를 사전 형식 지정이 필요한 것으로 인식 한 다음 'f'와 'o'사이에 실제로 넣고 싶은 것을 붙여 넣은 다음 'foo'텍스트를 제거하십시오. 당신은 당신이 정말로 원하는 것을 미리 형식화해야합니다.
Dan Mitchell

5
다른 배경 / 텍스트 색상은 어떻습니까? 독점은 유일한 것이 아닙니다. 나는 행 안에서 그것을 강조하고 싶었습니다. 어떤 아이디어?
Ricky Levi

77

기본적으로 Confluence는 배경이 투명한 모노 스페이스 텍스트를 렌더링합니다. 전역 CSS를 편집하여 회색을 추가 할 수 있습니다. 에서 합류 설명서 :

  1. 화면 오른쪽 상단에있는 톱니 바퀴 아이콘을 선택한 다음 Confluence Admin을 선택하십시오.
  2. 스타일 시트를 선택하십시오.
  3. 편집을 선택하십시오.
  4. 사용자 정의 CSS를 텍스트 필드에 붙여 넣습니다.
  5. 저장을 선택하십시오.

고정 폭 블록에 회색 배경을 표시하기위한 사용자 정의 CSS :

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

Confluence OnDemand (클라우드)를 사용하는 경우 :

  1. 왼쪽의 사이드 바 하단에서 톱니 바퀴 / 톱니 바퀴를 클릭합니다
  2. 룩앤필 선택
  3. 사이드 바, 머리글 및 바닥 글 탭을 클릭 하십시오.
  4. 사용자 정의 CSS를 헤더 필드에 붙여 넣기
  5. 코드를 {style}블록으로 감싸십시오
  6. 저장

다음을 붙여 넣습니다.

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

그런 다음을 작성하는 것만으로 멋지고 깔끔한 스택 오버 플로우 스타일 인라인 코드를 얻을 수 {{sometext}}있습니다.


1
공간에서 사용자 정의 스타일 시트 / 테마를 사용하는 경우 작동하지 않을 수 있습니다. 게으른 해결 방법은 "look and feel-> Custom HTML"(버전 5.9.6에서 테스트)에서 위의 스타일 태그 안에 예제를 추가하는 것입니다.
jdknight

3
Confluence OnDemand를 사용하는 경우 "사이드 바, 머리글 및 바닥 글"페이지로 이동해야합니다. 그런 다음 헤더 텍스트 상자에서 위 CSS 코드를 복사 / 붙여 넣기하지만 CSS 전후 에 넣어야 {style}합니다 . 사용 {style} .
Phil

1
사소한 수정, 스타일 블록 내부의 중괄호를 피해야하는 것처럼 보이거나 합류는 패딩이라는 매크로를 찾으려고합니다. {style} 코드 \ {... \} {style}
edqwerty

4
이것은 작동하지만 OnDemand 인스턴스 (클라우드)에서 페이지 상단에 "다음 헤더는 현재 헤더에서 지원되지 않습니다 : 스타일"이라는 오류 메시지가 표시됩니다. 그러나 여전히 렌더링됩니다. Go figure :)
GONeale

2
@GraehamF @GONeale 방금 [class^=SpaceCustomSettingsBlockComponent_unsupportedMacros]{display: none;}사용자 정의 CSS에 포함 : p
Samizdis

28

사소한 Confluence 관리자에게 매크로를 만들도록 요청할 수 있습니다. 다음은 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>

그런 다음 사용자는 {inlinecode}like this{inlinecode}

{html}또는 {style}매크로가 설치되어있는 경우이 스타일을 사용하거나 공간 스타일 시트에이 스타일을 추가 할 수도 있습니다 .

그 동안 Confluence 관리자에게 kbd 매크로를 생성하도록 요청하십시오. 위의 동일 제외 Macro name됩니다 인 kbd 하고 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> 

그런 다음 사용자에게 F1Enter키 를 누르라고 알려주는 설명서를 작성할 수 있습니다 .


2
관리자에 대해 신경 쓰지 마십시오. ;-), {kbd}는 내가 찾고 있던 것입니다. 감사!
Jasper de Vries

14

인라인 텍스트를 습니다 {{ }}.

주의 사항 :

  1. 당신은해야 후 스페이스 바를 누르 }}
  2. 인라인 사전 형식화 된 텍스트를 복사하여 모양을 유지할 수 없습니다. 복사하면 {{ }}수정을 위해 추가하지 못할 수 있습니다 . 다시 입력하거나 형식을 지정하지 않고 붙여넣고 ( Mac의 경우 Cmd ⌘+ Shift+ V) {{ }}공간 을 추가 하고 누르십시오.
  3. {{ }}기존 텍스트에 나중에 텍스트 를 추가하면 다른 문자로 묶을 수 없습니다 (예 : 사전 서식이 지정된 텍스트를 괄호로 묶으려면 (my text)중괄호를 추가하여 수정할 수 없습니다) ({{my text}}). 먼저 텍스트 주위에 공백 ( my text )을 추가 한 다음을 추가하십시오 {{ }}.

Ctrl-D를 사용해 본 후이 마크 업을 사용 하시겠습니까? 새 마크 업으로 변환해야합니다.
Underverse

12

Confluence 4 이상에서는 두 개의 중괄호를 입력해도 작동하지 않습니다.

이제 모노 스페이스 글꼴을 선택해야합니다. 변경하려는 텍스트를 강조 표시하고 다음을 수행하십시오.

Windows : Ctrl + Shift + M

Mac : Command + Shift + M

또는 백틱 (`)을 입력 할 수 있으며 Confluence는 다른 백틱을 입력 할 때까지 모든 것을 포맷합니다.

또는 굵게 및 기울임 꼴 옵션 옆에있는 "추가"드롭 다운을 클릭하고 모노 스페이스를 선택할 수 있습니다.

여기에 이미지 설명을 입력하십시오


11

Confluence 5.4.2에서는 <code></code>소스 편집기에서 태그로 인라인 코드를 추가 할 수 있습니다 :

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

이중 괄호 기능은 Confluence 편집기에서 대화식으로 텍스트를 추가 할 때만 작동하므로 수정해야 할 부분이 많은 경우에 유용합니다.


감사합니다. UWC를 사용하여 MediaWiki에서 Confluece로 마이그레이션하는 과정에서 작동하는 것 같습니다.
MonkeyMonkey

10

선택적 줄 번호 등으로 큰 코드 블록을 삽입하려면 코드 매크로 (매크로-> 기타에서 사용 가능)를 사용하십시오.


1
이것은 훌륭하게 작동합니다-감사합니다! confluence.atlassian.com/display/DOC/Code+Block+Macro
Garret Wilson

예, 두 개의 메뉴를 클릭하지 않고 어떻게해야합니까? 나는 종종 페이지 당 10 개의 코드 블록을 필요로한다.
제레미 라이프 치히

11
@JeremyLeipzig 입력 {하면 매크로 브라우저가 나타나고 코드 입력이 시작됩니다 .
alex

당신이 사용하는 경우 참고로, "&"코드에 형식이 잘못됩니다 - 참조 jira.atlassian.com/browse/CONFCLOUD-59800
nevets1219

7

텍스트 내에서 코드를 인라인으로 포맷하려면 '`'문자를 사용하여 코드를 둘러싸십시오. 일반적으로 키보드의 '1'키 왼쪽에 있습니다.

예:

`printf("Hello World");`

스택 교환과 동일한 구분 기호!


2
ADM- 구분 기호가 있는 코드 보여 주었고 이스케이프 처리하지 않았습니다 . 이제 코드는 코드처럼 보였습니다. 이것은 내 대답의 의도가 아닙니다. 내 대답의 의도는 Confluence에서 구분 문자가`SO와 동일하다는 것을 증명하는 것입니다.
morrisonbrett

1
어떤 Confluence 버전이 작동합니까? 내 인스턴스는 백틱을 특수 문자로 취급하지 않습니다.
Coderer

6

Confluence (5.6.3)가 {{monospace}} 블록 주위의 공간에 대해 매우 까다로워서 색상으로 형식을 지정하는 것이 약간 까다로 웠습니다.

위키 마크 업으로 컬러 모노 스페이스 만들기

Confluence에 의해 렌더링


3

이 글을 쓰는 시점에서 나는 그 어느 {{string}}것도 {{ string }}효과가 없다는 것을 알았 습니다. 제어판에는 코드 차단 버튼 만있었습니다.

그러나 고정 너비 형식에 대한 바로 가기가 표시되었습니다 : Ctrl+ Shift+ M.

메뉴에서 찔 렀지 만 어떤 버전이 우리에게 제공되는지 알 수 없었습니다.


1

다른 모든 답변은 확실히 좋은 아이디어처럼 들리므로 먼저 사용하는 것이 좋습니다.하지만 계속해서 목록에 하나 더 추가하여 완성도를 높입니다.

html 매크로를 사용한 다음 <pre> </pre>태그로 묶인 내용을 붙여 넣을 수 있습니다 .


이것은 동일한 효과를 얻을 수 있지만 블록 내의 텍스트를 다른 HTML 태그로 마크 업할 필요가없는 한 피해야합니다.
Underverse

그렇기 때문에 다른 답변에 제공된 솔루션을 먼저 사용하는 것이 좋습니다. 나는 그것이 좋은 대답이라고 결코 말하지 않았다. 나는 완전성을 위해 목록에 추가하고 싶다고 말했다.
Alexander Ryan Baggett

이 방법은 Confluence 3.5의 코드 블록에서 색상과 스타일을 정밀하게 제어해야하는 경우 완벽한 해답입니다. 에 {pre}대한 바로 가기로 사용자를위한 매크로를 만들었습니다 {html}<pre> ... </pre>{html}. Confluence 5는 또 다른 문제입니다.
Underverse

1

Zelphir와 Peter Gluck의 답변을 조합하여 사용합니다. 즉

  1. (Mac-speak) COMMAND + SHIFT + D를 클릭하십시오
  2. 모델 팝업 드롭 다운에서 마크 다운을 선택하십시오.
  3. 코드 태그로 텍스트를 둘러 쌉니다. 즉 <code>bovvered</code>
  4. 삽입을 클릭하십시오

1

가장 쉬운 방법은 마크 업을 삽입하는 것입니다.

합류 삽입 마크 업

그런 다음 텍스트 상자에 중괄호 사이에 텍스트를 입력하십시오.

형식이 지정된 텍스트를 새 줄에 삽입하지만 인라인으로도 어디서나 텍스트를 복사 할 수 있습니다.


1
그는 "인라인"을 명시 적으로 언급했다. 마크 업이 인라인이 아닙니다.
Josh Mc

1
사과, 그것을 놓친, 명백히 공복을 풀 수 없습니다 : / 내 공감대가 잠겨 있다고 말합니다.
Josh Mc

0

내가 찾은 가장 쉬운 방법은 줄의 시작 부분에서 바로 마크 다운을 작성하는 것입니다. Ctrl+D(마크 업 입력 대화 상자를 여는 바로 가기)를 누르고 markdown을 입력하십시오. 일반적인 위키 편집기는 정확한 형식에 적합하지 않은 것 같습니다. 문자 스타일에 대해서는 많이 알지 못하고 단락 스타일 만 알고 있습니다.


CTRL + D는 내 Confluence 버전에서 페이지를 즐겨 찾기에 추가합니다 (예상 한대로!).
Coderer

-3

WinWord가 있다면 필요한 것을 복사하고 결과를 수정 한 다음 Confluence에 붙여 넣을 수 있습니다. 다른 솔루션보다 더 쉽다는 것을 알았습니다.


1
XD 내 결함 합류의 텍스트 편집기 기능이 부족합니다.
Amalgovinus
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.