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


480

inline codeConfluenceでフォーマットするにはどうすればよいlike thisですか?つまり、独立したコードブロックではなくclassname、たとえばインラインだけです。


3
これを実装するためのショートカットチケットに投票してください:jira.atlassian.com/browse/CONF-23966
Jens

それはモノスペースアトラシアンコール(jira.atlassian.com/secure/...
ディルク・シューマッハ

回答:


592

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

これは{{example}}です。

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

ここで完全なリファレンス。


130
Confluence 4+では、Wikiマークアップはデフォルトで削除され、「Preformatted」オプションは行全体に適用されます。(wikitext編集プラグインをインストールせずに)これを行う唯一の方法は、等幅フォントを選択することです。
HDave 2013年

16
貼り付けている場合は機能しません。「自動フォーマット」を「トリガー」するには、中括弧を入力する必要があります。この方法でテキストの大きな帯をフォーマットする場合は、[挿入]-> [Wikiマークアップ]ダイアログを使用して、そこにすべて入力/貼り付けます。
jaysee00 2013

3
Ctrl-Shift-Dを使用してWikiマークアップを挿入すると便利であることがわかりました。V5で使用する唯一のコンボショートカットです。はい、新しいエディターは扱いにくい場合があります。特にguiではなくマークアップコーディングに慣れている場合は、wikiエディターからコードを入力すると役立ちます。
2013

29
これを機能させる信頼できる方法は、{{foo}}を入力することです。それは常に「foo」を事前フォーマットが必要であると認識し、「f」と「o」の間に本当に入れたいものを貼り付け、「foo」テキストを削除します。あなたは本当に欲しいもの、フォーマット済みのものを残しておくべきです。
ダンミッチェル

5
異なる背景/テキストの色はどうですか?モノスペースだけではありません。行の中で強調表示したいと思いました。
Ricky Levi

77

既定では、Confluenceは等幅テキストを透明な背景でレンダリングします。グローバルCSSを編集して灰色を追加できます。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 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}

その後は、を書くだけで、stackoverflow-stylishインラインコードスパンが整然と整えられます{{sometext}}


1
スペースでカスタムスタイルシート/テーマを使用している場合、これが機能しない可能性があります。遅延回避策は、「ルックアンドフィール->カスタムHTML」(バージョン5.9.6でテスト済み)の下のスタイルタグ内に上記の例を追加することです。
jdknight 2016年

3
Confluence OnDemandを使用している場合は、「サイドバー、ヘッダー、フッター」ページに移動する必要があります。次に、ヘッダーテキストボックスに上記のCSSコードをコピーして貼り付けますが{style}、CSSの前後に配置する必要があります{style}の使用
Phil

1
マイナーな修正。スタイルブロック内の波括弧をエスケープする必要があるようです。そうでない場合、Confluenceはパディングと呼ばれるマクロを見つけようとします。{style}コード\ {... \} {style}
edqwerty

4
これは機能しますが、私のOnDemandインスタンス(クラウド)では、ページの上部にある「次のマクロは現在ヘッダーでサポートされていません:スタイル」というエラーが表示されます。それでもレンダリングされます。ゴーフィギュア:)
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ているのkbdTemplate次のとおりです。

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

次に、ドキュメントを記述して、ユーザーにF1and Enterキーを押すように指示できます。


2
管理者についてはあまり気にしないでください;-)、私が探していたのは{kbd}でした。ありがとう!
Jasper de Vries、2016

14

インラインテキストをで囲みます{{ }}

警告:

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

Ctrl-Dを試してから、このマークアップを使用しますか?新しいマークアップに変換する必要があります。
2018

12

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

Monospaceフォントを選択する必要があります。変更するテキストを強調表示して、次の操作を行います。

Windows:Ctrl + Shift + M

Mac:コマンド+ 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 2014年

10

オプションの行番号などを含む大きなコードブロックを挿入する場合は、コードマクロを使用します(マクロ->その他で利用可能)。


1
これはうまくいきます---ありがとう!confluence.atlassian.com/display/DOC/Code+Block+Macro
Garret Wilson

2つのメニューをクリックせずにこれを行うにはどうすればよいですか。多くの場合、1ページに10個のコードブロックが必要です。
ジェレミーライプチヒ

11
@JeremyLeipzig Type {を入力してマクロブラウザを表示し、コードの入力を開始します。
アレックス2013

参考までに、コードで「&」を使用すると、フォーマットが正しくなくなり
nevets1219

7

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

例:

`printf("Hello World");`

Stack Exchangeと同じ区切り文字!


2
ADM- デリミタ付きのコード表示していたので、エスケープを解除しました。今、コードはコードのように見えますが、これは私の答えの意図ではありません。私の回答の目的は、Confluenceでは区切り文字が `たまたまSOと同じであることを示すことです。
morrisonbrett 2018年

1
これはConfluenceのどのバージョンで動作しますか?私のインスタンスはバックティックを特殊文字として扱いません。
Coderer、

6

Confluence(5.6.3)は{{monospace}}ブロックの周りのスペースについて非常にうるさいので、色でのフォーマットは少しトリッキーであることがわかりました。

Wikiマークアップを使用した色付きモノスペースの作成

Confluenceによってレンダリングされる


3

この記事の執筆時点で、私はそれ{{string}}{{ string }}機能しないことを発見しました。私のコントロールパネルには、コードブロックボタンしかありませんでした。

ただし、固定幅の書式設定のためにショートカットがリストされていました:Ctrl+ Shift+ M

メニューをざっと見回しましたが、どのバージョンが提供されているのかわかりませんでした。


1

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

単純にhtmlマクロを使用して、<pre> </pre>タグでラップされたコンテンツを貼り付けることができます。


これにより同じ効果が得られますが、ブロック内のテキストを他のHTMLタグでマークアップする必要がない限り、避けてください。
'10年

はい、そのため、他の回答で提供されているソリューションを最初に使用することをお勧めしました。それが良い答えだとは言わなかった。完全を期すためにリストに追加したいと言いました。
Alexander Ryan Baggett

この方法は、Confluence 3.5のコードブロックで色とスタイルを細かく制御する必要がある場合に最適です。{pre}ユーザーのマクロをのショートカットとして作成しました{html}<pre> ... </pre>{html}。Confluence 5はまったく別の問題です。
アンダーバース

1

私はゼルファイアとピーター・グルックの答えを組み合わせて使用​​しています。すなわち

  1. (Mac-speak)コマンド+シフト+ Dをクリックします
  2. モデルポップアップのドロップダウンで[Markdown]を選択します
  3. テキストをコードタグで囲みます-つまり <code>bovvered</code>
  4. 挿入をクリックします

1

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

Confluence挿入マークアップ

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

書式設定されたテキストを新しい行に挿入しますが、インラインでも、どこにでもコピーできます。


1
彼は明示的に「インライン」と述べた。マークアップはインラインではありません。
Josh Mc

1
それを逃した謝罪は明らかにダウン投票を解除することはできません:/私のダウン投票はロックされていると言います。
Josh Mc

0

私がこれを行うことがわかった最も簡単な方法は、行の先頭からマークダウンで書き込むことです。Ctrl+D(マークアップ入力ダイアログを開くショートカット)を押して、markdownと入力します。通常のWikiエディターは、正確な書式設定にはあまり適していないようです。文字スタイルについてはあまり知られていないようで、段落スタイルしか知りません。


Ctrl + Dキーを押すと、私のバージョンのConfluenceのページにブックマークが付けられます(期待どおりに!)。
Coderer、

-3

WinWordをお持ちの場合は、必要なものをコピーして結果を修正し、Confluenceに貼り付けることができます。ここで他のソリューションよりも簡単だと思いました。


1
XDではなく、私のフォルトコンフルエンスのテキストエディターの機能が不足しています。
アマルゴビナス2017
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.