Bagaimana memformat kode sebaris di Confluence?


Jawaban:


592

Untuk menyisipkan font monospace inline di Confluence, mengelilingi teks dalam kurung kurawal ganda.

Ini adalah {{example}}.

Jika Anda menggunakan Confluence 4.x atau lebih tinggi, Anda juga bisa memilih opsi "Preformatted" dari menu style paragraf. Harap dicatat bahwa akan berlaku untuk seluruh baris.

Referensi lengkap di sini .


130
Dalam pertemuan 4+ markup wiki hilang secara default dan opsi "Preformatted" berlaku untuk seluruh baris. Satu-satunya cara untuk melakukannya (tanpa menginstal plugin pengeditan wikitext) adalah dengan memilih font monospaced.
HDave

16
Ini tidak akan berfungsi jika Anda menempelkannya - Anda perlu mengetikkan kurung kurawal untuk "memicu" "format otomatis". Jika Anda ingin memformat petak besar teks dengan cara ini, maka gunakan dialog Sisipkan -> Wiki Markup dan ketik / rekatkan semuanya di sana.
jaysee00

3
Saya telah menemukan bahwa menggunakan Ctrl-Shift-D untuk menyisipkan markup wiki berguna. Ini adalah satu-satunya jalan pintas kombo yang saya gunakan di V5. Ya, editor baru bisa sangat sulit. Memasukkan kode melalui editor wiki membantu, terutama jika Anda terbiasa menandai kode alih-alih gui.
Underverse

29
Cara yang dapat diandalkan untuk membuat pekerjaan ini adalah dengan mengetikkan {{foo}}; itu selalu mengakui 'foo' sebagai perlu preformatting, lalu rekatkan apa pun yang ingin Anda masukkan di antara 'f' dan 'o', lalu hapus teks 'foo'. Anda harus dibiarkan dengan apa yang benar-benar Anda inginkan, diformat sebelumnya.
Dan Mitchell

5
bagaimana dengan latar belakang / warna teks yang berbeda? Monospace bukan satu-satunya, saya ingin menyorotnya di dalam barisan, ada ide?
Ricky Levi

77

Secara default Confluence membuat teks monospace dengan latar belakang transparan. Anda dapat mengedit CSS global untuk menambahkan warna abu-abu. Dari manual Confluence :

  1. Pilih ikon roda gigi di kanan atas layar, lalu pilih Confluence Admin.
  2. Pilih Stylesheet.
  3. Pilih Edit.
  4. Tempel CSS khusus Anda ke dalam bidang teks.
  5. Pilih Simpan.

CSS khusus untuk menampilkan latar belakang abu-abu di blok monospasi:

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

Jika Anda menggunakan Confluence OnDemand (cloud):

  1. Klik gigi / gigi di bagian bawah bilah sisi di sebelah kiri
  2. Pilih Tampilan dan Perasaan
  3. Klik tab Sidebar, Header dan Footer
  4. Rekatkan CSS khusus Anda ke bidang Header
  5. Bungkus kode dalam satu {style}blok
  6. Menyimpan

Rekatkan yang berikut ini:

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

Setelah itu Anda akan mendapatkan rentang kode inline stackoverflow-stylish yang bagus dan rapi hanya dengan menulis {{sometext}}.


1
Jika ruang Anda menggunakan lembar gaya / tema khusus, ini mungkin tidak berfungsi. Solusinya adalah menambahkan contoh di atas di dalam tag gaya di bawah "Tampilan dan Perasaan -> HTML Khusus" (diuji pada versi 5.9.6).
jdknight

3
Jika menggunakan Confluence OnDemand, Anda harus pergi ke halaman "Sidebar, header dan footer". Kemudian di kotak teks header salin / tempel kode CSS di atas, tetapi Anda harus meletakkan {style}sebelum dan sesudah CSS . Contoh {style}penggunaan .
Phil

1
Koreksi kecil, Anda tampaknya perlu melarikan diri dari kurung kurawal di dalam blok gaya, atau pertemuan mencoba menemukan makro yang disebut padding. {style} code \ {... \} {style}
edqwerty

4
Ini berfungsi, namun dalam contoh OnDemand (cloud) saya sekarang saya menerima kesalahan "Makro berikut saat ini tidak didukung di header: style" di bagian atas halaman. Namun itu masih membuat. Go figure :)
GONeale

2
@GraehamF @GONeale Saya baru saja memasukkan [class^=SpaceCustomSettingsBlockComponent_unsupportedMacros]{display: none;}CSS kustom: p
Samizdis

28

Anda bisa meminta administrator Confluence yang jahat untuk membuat makro untuk Anda. Berikut adalah contoh makro untuk 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>

Maka pengguna bisa menggunakan {inlinecode}like this{inlinecode}

Anda juga bisa menggunakan makro {html}atau {style}jika mereka diinstal atau menambahkan gaya ini ke stylesheet untuk ruang Anda.

Ketika Anda berada di sana meminta admin Confluence Anda untuk membuat makro kbd untuk Anda. Sama seperti di atas, kecuali Macro nameyang KBD dan Templateadalah:

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

Kemudian Anda dapat menulis dokumentasi untuk memberi tahu pengguna untuk menekan tombol F1dan Enter.


2
Tidak peduli dengan administrator ;-), {kbd} adalah apa yang saya cari. Terima kasih!
Jasper de Vries

14

Kelilingi teks inline Anda dengan {{ }}.

Peringatan:

  1. Anda harus menekan spasi setelah }}
  2. Anda tidak dapat menyalin teks yang telah diformat sebaris dan mempertahankannya. Jika Anda menyalinnya, Anda mungkin tidak dapat menambahkan {{ }}untuk memperbaikinya. Cukup ketik ulang atau tempel tanpa memformat ( Cmd ⌘+ Shift+ Vdi Mac) lalu tambahkan {{ }}dan tekan spasi.
  3. Jika Anda menambahkan {{ }}ke teks yang ada nanti, itu tidak dapat dikelilingi oleh karakter lain, misalnya jika Anda ingin tanda kurung di sekitar teks yang telah diformat sebelumnya, Anda tidak dapat memperbaikinya (my text)dengan menambahkan kawat gigi ({{my text}}). Pertama tambahkan ruang di sekitar teks Anda ( my text )lalu tambahkan {{ }}.

Coba Ctrl-D lalu gunakan markup ini? Itu harus mencoba mengubahnya menjadi markup baru.
Undervers

12

Pada Confluence 4 dan di atas, mengetikkan dua kurung keriting tidak berfungsi.

Anda sekarang perlu memilih font Monospace. Sorot teks yang ingin Anda ubah dan:

Windows: Ctrl + Shift + M

Mac: Command + Shift + M

Atau, Anda dapat mengetikkan backtick (`) dan Confluence akan memformat semuanya sampai Anda mengetik backtick lainnya

Atau, di sebelah opsi cetak tebal dan miring, Anda dapat mengeklik tarik-turun "lainnya" dan pilih Monospace:

masukkan deskripsi gambar di sini


11

Dalam Confluence 5.4.2 Anda dapat menambahkan mengelilingi kode inline Anda dengan <code></code>tag di editor sumber dengan demikian:

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

Ini bisa bermanfaat di mana ada banyak fragmen untuk dimodifikasi karena fitur kurung ganda hanya berfungsi ketika menambahkan teks secara interaktif di editor Confluence.


Terima kasih, ini tampaknya juga berfungsi selama proses migrasi dari MediaWiki ke Confluece menggunakan UWC.
MonkeyMonkey

10

Jika Anda ingin memasukkan blok kode besar dengan nomor baris opsional, dll. Gunakan Kode Makro (tersedia di bawah Macro -> Lainnya).



ya bagaimana saya melakukan ini tanpa mengklik dua menu? saya sering butuh 10 kode blok halaman.
Jeremy Leipzig

11
@JeremyLeipzig Ketik {untuk membuka browser makro dan mulai mengetik kode .
alex

FYI, jika Anda menggunakan "&" dalam kode itu diformat dengan salah - lihat jira.atlassian.com/browse/CONFCLOUD-59800
nevets1219

7

Untuk memformat kode sebaris dalam teks Anda, gunakan karakter '`' untuk mengelilingi kode Anda. Biasanya terletak di sebelah kiri tombol '1' di keyboard Anda.

Contoh:

`printf("Hello World");`

Pembatas yang sama dengan Stack Exchange!


2
ADM - Saya menunjukkan kode dengan pembatas, dan Anda membatalkannya. Sekarang kode tersebut terlihat seperti kode, yang bukan maksud dari jawaban saya. Maksud dari jawaban saya adalah untuk menunjukkan bahwa pada Confluence karakter pembatas adalah `yang kebetulan sama dengan SO.
morrisonbrett

1
Versi Confluence apa ini berfungsi? Contoh saya tidak memperlakukan backticks sebagai karakter khusus.
Coderer

6

Saya menemukan pemformatan dengan warna sedikit lebih sulit karena Confluence (5.6.3) sangat cerewet dengan spasi di sekitar blok {{monospace}}.

Membuat Monospace Berwarna dengan Wiki Markup

Seperti yang diberikan oleh Confluence


3

Pada saat penulisan ini, saya mendapati bahwa itu juga {{string}}tidak {{ string }}berfungsi. Panel kontrol saya hanya memiliki tombol blok kode.

Namun, ada pintasan yang tercantum untuk pemformatan dengan lebar tetap: Ctrl+ Shift+ M.

Saya mencari-cari di dalam menu tetapi tidak dapat menemukan versi apa yang disajikan kepada kami.


1

Semua jawaban lain ini tentu kedengarannya seperti ide yang bagus dan saya akan merekomendasikan untuk menggunakannya terlebih dahulu, tetapi saya akan melanjutkan dan menambahkan satu lagi ke daftar demi kelengkapan.

Anda cukup menggunakan makro html lalu menempelkan konten Anda yang dibungkus dengan <pre> </pre>tag.


Ini dapat mencapai efek yang sama tetapi harus dihindari kecuali ada kebutuhan untuk markup teks dalam blok dengan tag HTML lainnya.
Underverse

Ya, itu sebabnya saya merekomendasikan menggunakan solusi yang disediakan dalam jawaban lain terlebih dahulu. Saya tidak pernah mengatakan itu adalah jawaban yang bagus. Saya bilang saya ingin menambahkannya ke daftar demi kelengkapan.
Alexander Ryan Baggett

Metode ini adalah jawaban sempurna jika Anda membutuhkan kontrol warna dan gaya yang baik dalam blok kode di Confluence 3.5. Saya membuat {pre}makro untuk pengguna kami sebagai jalan pintas untuk {html}<pre> ... </pre>{html}. Pertemuan 5 adalah masalah lain sepenuhnya.
Underverse

1

Saya menggunakan kombinasi jawaban Zelphir dan Peter Gluck. yaitu

  1. (Bicara Mac) Klik PERINTAH + SHIFT + D
  2. Pilih Markdown pada dropdown model pop-up
  3. Kelilingi teks Anda dengan tag kode - yaitu <code>bovvered</code>
  4. Klik INSERT

1

Cara termudah bagi saya adalah dengan Memasukkan Markup.

Confluence Masukkan Markup

Kemudian di kotak teks ketik teks antara kurung kurawal.

Ini akan menyisipkan teks yang diformat di baris baru tetapi Anda dapat menyalinnya di mana saja, bahkan sejajar.


1
dia secara eksplisit menyatakan "inline". Markup tidak sebaris.
Josh Mc

1
Permintaan maaf, yang terlewatkan itu, tampaknya tidak dapat membatalkan downvote: Saya mengatakan downvote saya terkunci.
Josh Mc

0

Cara termudah yang saya temukan untuk melakukan ini adalah menulis dalam markdown langsung dari awal baris. Tekan Ctrl+D(pintasan untuk membuka dialog input markup) dan ketik markdown. Editor wiki normal tampaknya tidak terlalu bagus untuk pemformatan yang tepat. Tampaknya tidak tahu banyak tentang gaya karakter dan hanya tahu gaya paragraf.


CTRL + D mem-bookmark halaman (seperti yang Anda harapkan!) Pada versi Confluence saya.
Coderer

-3

Jika Anda memiliki WinWord, Anda dapat menyalin apa yang Anda butuhkan ke dalamnya, sentuh hasilnya, lalu tempelkan itu ke dalam Confluence. Saya menemukan itu lebih mudah daripada solusi lain di sini.


1
XD bukan editor teks kesalahan pertemuan saya kekurangan fitur.
Amalgovinus
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.