web-dev-qa-db-ja.com

Confluenceでインラインコードをフォーマットする方法

Confluenceのinline codeでlike thisをフォーマットするにはどうすればよいですか？つまり、独立したコードブロックではなく、インラインのclassnameなどです。

confluence
424
DataGreed

Confluenceにインライン等幅フォントを挿入するには、テキストを二重中括弧で囲みます。

これは{{example}}です。

Confluence 4.x以降を使用している場合は、段落スタイルメニューから[フォーマット済み]オプションを選択することもできます。

ここに完全な参照： https://confluence.atlassian.com/display/CONF56/Quick + Reference + Guide + for + the +Confluence + Edditor

539
jaysee00

デフォルトではConfluenceは等幅テキストを透明な背景でレンダリングします。グレイカラーを追加するためにグローバルCSSを編集できます。 From Confluenceマニュアル ：

  1. 画面の右上にある歯車のアイコンを選択してから、Confluence管理者を選択します。
  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オンデマンド（クラウド）を使用している場合

  1. 左側のサイドバーの下部にある歯車/歯車をクリックします
  2. ルックアンドフィールを選択してください
  3. サイドバー、ヘッダー、およびフッタータブをクリックします
  4. カスタムCSSをHe​​aderフィールドに貼り付けます
  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}}を書くだけで、素敵できちんとしたstackoverflowのスタイリッシュなインラインコードが得られます。

70
dipp

あなたはあなたのためのマクロを作るようにあなたのやさしい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>

それからあなたはユーザーにヒットするように言うためにドキュメンテーションを書くことができます F1 そして Enter キー.

27
Underverse

インラインテキストを囲む{{ }}で。

警告：

  1. あなたがする必要があります=の後にスペースキーを押して}}
  2. インラインの整形済みテキストをコピーして外観を維持することはできません。コピーした場合は、修正するために{{ }}を追加できない可能性があります。再入力するか、フォーマットせずに貼り付けるだけです（Cmd ⌘+Shift+V Macの場合）{{ }}を追加してスペースを押します。
  3. 後で{{ }}を既存のテキストに追加した場合、それを他の文字で囲むことはできません。整形済みテキストの周囲に括弧が必要な場合は、中括弧(my text)を追加して({{my text}})を修正することはできません。まずテキスト( my text )の周囲にスペースを追加し、次に{{ }}を追加します。
12
Nelu

Confluence 5.4.2では、ソースエディタでインラインコードを<code></code>タグで囲むことができます。

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

二重括弧機能はConfluenceエディターで対話的にテキストを追加する場合にのみ機能するため、変更するフラグメントが多数ある場合に便利です。

10
Peter Gluck

オプションの行番号などを使って大きなコードブロックを挿入したい場合は、コードマクロ（マクロ - >その他で利用可能）を使用してください。

7
alex

テキスト内でコードをインラインでフォーマットするには、コードを囲むために '' '文字を使用します。通常、キーボードの '1'キーの左側にあります。

例：

`printf("Hello World");`

Stack Exchangeと同じ区切り記号

6
morrisonbrett

Confluence（5.6.3）は{{monospace}}ブロックの周囲のスペースについて非常にうるさいので、私は色を使ったフォーマットが少し面倒です。

Creating Colored Monospace with Wiki Markup

As rendered by Confluence

6
xxfelixxx

Confluence 4以降では、2つの中括弧を入力しても機能しません。

あなたは今Monospaceフォントを選択する必要があります。変更したいテキストを強調表示して、

Windows：Ctrl + Shift + M

Mac：Command + Shift + M

あるいは、太字と斜体のオプションの横にある[その他]ドロップダウンをクリックして、[等幅]を選択します。

enter image description here

4
Ian Jamieson

これらの他のすべての答えは確かに良いアイデアのように聞こえますので、最初にそれらを使用することをお勧めしますが、私は先に行き、完全を期すためにもう1つリストに追加します。

Htmlマクロを使用してから、コンテンツを<pre> </pre>タグでラップして貼り付けることができます。

1
Alexander Ryan Baggett

私はZelphirとPeter Gluckの答えを組み合わせて使います。すなわち.

  1. （Mac用）コマンド+シフト+ Dをクリック
  2. モデルポップアップのドロップダウンで[マークダウン]を選択します
  3. テキストをcodeタグで囲んでください - 例：<code>bovvered</code>
  4. 挿入をクリック
0
Sam Kenny

私にとって最も簡単な方法は、マークアップを挿入することです。

Confluence Insert Markup

次に、テキストボックスに中括弧の間にテキストを入力します。

フォーマットされたテキストは新しい行に挿入されますが、インラインでもどこにでもコピーできます。

0
Ena

私がこれをするために私が見つけた最も簡単な方法は行の始めからすぐに値下げを書くことです。 Ctrl+D（マークアップ入力ダイアログを開くためのショートカット）を押して、markdownと入力します。通常のウィキエディタは正確なフォーマットにはあまり適していないようです。文字スタイルについてはあまりよく知られていないようで、段落スタイルだけを知っています。

0
Zelphir

これを書いている時点で、私は{{string}}も{{ string }}も動かないことがわかりました。私のコントロールパネルにはコードブロックボタンしかありませんでした。

ただし、固定幅フォーマットのショートカットとして、Ctrl + Shift + Mがありました。

私はメニューをざっと見たが、どのバージョンが提供されているのかを知ることができなかった。

0
user151841