วิธีการฟอร์แมทโค้ดอินไลน์ในการบรรจบกัน?


480

ฉันจะฟอร์แมตแบบinline codeบรรจบกันได้like thisอย่างไร ผมหมายถึงไม่ได้การป้องกันรหัสแยกต่างหาก แต่เพียงแบบอินไลน์classnameเช่น


3
ลงคะแนนสำหรับตั๋วทางลัดเพื่อใช้สิ่งนี้: jira.atlassian.com/browse/CONF-23966
Jens

atlassian เรียกมันว่า monospaced ( jira.atlassian.com/secure/ ...... )
Dirk Schumacher

คำตอบ:


592

ในการแทรกตัวอักษรแบบอินไลน์ monospace ในการบรรจบกันล้อมรอบข้อความในวงเล็บปีกกาคู่

{{example}}นี่คือ

หากคุณกำลังใช้ Confluence 4.x หรือสูงกว่าคุณสามารถเลือกตัวเลือก "รูปแบบล่วงหน้า" จากเมนูสไตล์ย่อหน้า โปรดทราบว่าจะมีผลกับทั้งบรรทัด

อ้างอิงเต็มนี่


130
ในการบรรจบกัน 4+ มาร์กอัป wiki จะหายไปตามค่าเริ่มต้นและตัวเลือก "Preformatted" จะใช้กับทั้งบรรทัด วิธีเดียวที่จะทำได้ (โดยไม่ต้องติดตั้งปลั๊กอินแก้ไข wikitext) คือการเลือกแบบอักษรที่มีช่องว่าง
HDave

16
มันจะไม่ทำงานหากคุณวางมันลง - คุณต้องพิมพ์วงเล็บปีกกาปิดเพื่อ "ทริกเกอร์" รูปแบบอัตโนมัติ " หากคุณต้องการจัดรูปแบบข้อความขนาดใหญ่ในลักษณะนี้ให้ใช้กล่องโต้ตอบการแทรกมาร์กอัป -> Wiki และพิมพ์ / วางออกทั้งหมดในนั้น
jaysee00

3
ฉันพบว่าการใช้ Ctrl-Shift-D เพื่อแทรกมาร์กอัป wiki นั้นมีประโยชน์ มันเป็นทางลัดคอมโบเดียวที่ฉันใช้ใน V5 ใช่เครื่องมือแก้ไขใหม่สามารถทำได้อย่างง่ายดาย การป้อนรหัสผ่านตัวแก้ไขวิกิช่วยโดยเฉพาะอย่างยิ่งถ้าคุณคุ้นเคยกับการเข้ารหัสมาร์กอัปแทน gui
underverse

29
วิธีที่เชื่อถือได้ในการทำงานนี้คือการพิมพ์ใน {{foo}}; มันจำได้เสมอว่า 'foo' ว่าต้องการฟอร์แมตแล้ววางสิ่งที่คุณต้องการใส่ระหว่าง 'f' กับ 'o' แล้วลบข้อความ 'foo' คุณควรจะเหลือสิ่งที่คุณต้องการจัดรูปแบบไว้ล่วงหน้า
Dan Mitchell

5
แล้วสีพื้นหลัง / ข้อความล่ะ monospace ไม่ใช่สิ่งเดียวที่ฉันต้องการเน้นในแถวความคิดใด ๆ
Ricky Levi

77

โดยค่าเริ่มต้นการบรรจบกันทำให้ข้อความที่มีการ monospaced มีพื้นหลังโปร่งใส คุณสามารถแก้ไข 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 (cloud):

  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 {{sometext}}ทันสมัยครอบคลุมรหัสแบบอินไลน์เพียงแค่เขียน


1
หาก Space ของคุณใช้สไตล์ชีท / ธีมที่กำหนดเองอาจไม่สามารถใช้งานได้ วิธีแก้ปัญหาขี้เกียจคือการผนวกตัวอย่างข้างต้นภายในแท็กสไตล์ภายใต้ "Look and Feel -> HTML ที่กำหนดเอง" (ทดสอบในเวอร์ชัน 5.9.6)
jdknight

3
หากใช้ Confluence OnDemand คุณต้องไปที่หน้า "แถบด้านข้างหัวกระดาษและท้ายกระดาษ" จากนั้นในการคัดลอกส่วนหัวของช่อง / วางโค้ด CSS ข้างต้น แต่คุณจะต้องใส่{style}ก่อนและหลังแบบ CSS ตัวอย่างของ{style}การใช้งาน
Phil

1
การแก้ไขเล็กน้อยคุณต้องหนีวงเล็บปีกกาด้านในบล็อกสไตล์มิฉะนั้นการบรรจบกันจะพยายามหามาโครที่เรียกว่าช่องว่างภายใน {style} code \ {... \} {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}มาโครหากติดตั้งหรือเพิ่มสไตล์นี้ในสไตล์ชีทสำหรับ Space ของคุณ

ในขณะที่คุณกำลังขอให้ผู้ดูแลระบบ Confluence ของคุณสร้างแมโคร kbd ให้คุณ เช่นเดียวกับข้างต้นยกเว้นMacro nameเป็นพันบาร์เรลต่อวันและ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


2
ไม่ต้องสนใจผู้ดูแลระบบมากนัก ;-) {kbd} คือสิ่งที่ฉันกำลังมองหา ขอบคุณ!
Jasper de Vries

14

ล้อมรอบข้อความแบบอินไลน์ของคุณ{{ }}ด้วย

คำเตือน:

  1. คุณต้องกด spacebar หลังจากนั้น }}
  2. คุณไม่สามารถคัดลอกข้อความที่จัดรูปแบบล่วงหน้าแบบอินไลน์และรักษารูปลักษณ์ หากคุณคัดลอกคุณอาจไม่สามารถเพิ่ม{{ }}เพื่อแก้ไขได้ เพียงพิมพ์ใหม่หรือวางโดยไม่ต้องจัดรูปแบบ ( Cmd ⌘+ Shift+ Vบน Mac) จากนั้นเพิ่ม{{ }}และกด Space
  3. ถ้าคุณเพิ่ม{{ }}ให้กับข้อความที่มีอยู่ต่อมามันไม่สามารถถูกล้อมรอบด้วยตัวละครอื่น ๆ เช่นถ้าคุณต้องการวงเล็บรอบข้อความจัดรูปแบบของคุณคุณไม่สามารถแก้ไขโดยการเพิ่มการจัดฟัน(my text) ({{my text}})พื้นที่เพิ่มแรกรอบข้อความของคุณแล้วเพิ่ม( my text ){{ }}

ลอง Ctrl-D จากนั้นใช้มาร์กอัปนี้หรือไม่ ควรพยายามแปลงเป็นมาร์กอัพใหม่
แยก

12

ตั้งแต่ Confluence 4 ขึ้นไปการพิมพ์วงเล็บปีกกาสองอันไม่ทำงาน

ตอนนี้คุณต้องเลือกแบบอักษร Monospace เน้นข้อความที่คุณต้องการเปลี่ยนและ:

Windows: Ctrl + Shift + M

Mac: Command + Shift + M

หรือคุณสามารถพิมพ์ backtick (`) และ Confluence จะจัดรูปแบบทุกอย่างจนกว่าคุณจะพิมพ์ backtick อื่น

หรือถัดจากตัวเลือกที่เป็นตัวหนาและตัวเอียงคุณสามารถคลิกที่ "เพิ่มเติม" แบบหล่นลงและเลือก Monospace:

ป้อนคำอธิบายรูปภาพที่นี่


11

ใน Confluence 5.4.2 คุณสามารถเพิ่มล้อมรอบโค้ดอินไลน์ของคุณด้วย<code></code>แท็กในตัวแก้ไขซอร์สดังนั้น:

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

สิ่งนี้มีประโยชน์ในกรณีที่มีชิ้นส่วนจำนวนมากที่ต้องแก้ไขเนื่องจากคุณสมบัติ double-brace ใช้ได้เฉพาะเมื่อเพิ่มข้อความแบบโต้ตอบในตัวแก้ไข Confluence


ขอขอบคุณสิ่งนี้ดูเหมือนจะใช้ได้ในระหว่างกระบวนการย้ายข้อมูลจาก MediaWiki ไปยัง Confluece โดยใช้ UWC
MonkeyMonkey

10

หากคุณต้องการแทรกบล็อคโค้ดขนาดใหญ่ที่มีหมายเลขบรรทัดเพิ่มเติม ฯลฯ ให้ใช้โค้ดมาโคร (มีให้ใน Macros -> อื่น ๆ )


1
มันใช้งานได้ดีมาก --- ขอบคุณ! confluence.atlassian.com/display/DOC/Code+Block+Macro
Garret Wilson

ใช่ฉันจะทำสิ่งนี้โดยไม่ต้องคลิกผ่านเมนูสองเมนูได้อย่างไร ฉันมักจะต้องการบล็อกโค้ด 10 หน้า
Jeremy Leipzig

11
@JeremyLeipzig ประเภท{เพื่อนำมาขึ้นเบราว์เซอร์แมโครและเริ่มพิมพ์รหัส
alex

FYI ถ้าคุณใช้ "&" ในรหัสมันจะได้รับการจัดรูปแบบไม่ถูกต้อง - ดูjira.atlassian.com/browse/CONFCLOUD-59800
nevets1219

7

ในการจัดรูปแบบโค้ดในบรรทัดภายในข้อความของคุณใช้อักขระ '' 'เพื่อล้อมรอบโค้ดของคุณ โดยปกติจะอยู่ทางด้านซ้ายของปุ่ม '1' บนแป้นพิมพ์ของคุณ

ตัวอย่าง:

`printf("Hello World");`

ตัวคั่นเดียวกับ Stack Exchange!


2
ADM - ฉันกำลังแสดงรหัสด้วยตัวคั่นและคุณไม่ได้หลบหนีพวกเขา ตอนนี้รหัสดูเหมือนรหัสซึ่งไม่ใช่เจตนาของคำตอบของฉัน ความตั้งใจของคำตอบของฉันคือการแสดงให้เห็นว่าในการบรรจบกันตัวละครตัวคั่นคือ `ซึ่งเกิดขึ้นเป็นเช่นนั้น
morrisonbrett

1
Confluence รุ่นใดที่ใช้งานได้ อินสแตนซ์ของฉันไม่ถือว่า backticks เป็นอักขระพิเศษ
Coderer

6

ฉันพบว่าการจัดรูปแบบด้วยสีค่อนข้างยุ่งยากเนื่องจาก Confluence (5.6.3) มีความยุ่งเกี่ยวกับช่องว่างรอบ ๆ บล็อก {{monospace}}

การสร้างสีสันอวกาศด้วย Wiki Markup

ตามที่บรรจบกันโดย


3

ในขณะที่เขียนนี้ผมพบว่าค่า{{string}}มิได้{{ string }}ทำงาน แผงควบคุมของฉันมีปุ่มบล็อครหัสเท่านั้น

แต่มีทางลัดที่ระบุไว้สำหรับความกว้างคงที่จัดรูปแบบ: Ctrl+ +ShiftM

ฉันแหย่ไปรอบ ๆ ในเมนู แต่ไม่สามารถหาเวอร์ชั่นที่เราเสิร์ฟได้


1

คำตอบอื่น ๆ เหล่านี้ทั้งหมดดูเหมือนจะเป็นแนวคิดที่ดีและฉันขอแนะนำให้ใช้ก่อน แต่ฉันจะดำเนินการต่อไปและเพิ่มอีกหนึ่งรายการในรายการ

คุณสามารถใช้แมโคร html แล้ววางเนื้อหาของคุณใน<pre> </pre>แท็ก


สิ่งนี้สามารถบรรลุผลเช่นเดียวกัน แต่ควรหลีกเลี่ยงเว้นแต่จะมีความจำเป็นต้องทำเครื่องหมายข้อความภายในบล็อกด้วยแท็ก HTML อื่น ๆ
Underverse

ใช่นั่นคือเหตุผลที่ฉันแนะนำให้ใช้โซลูชันที่มีให้ในคำตอบอื่น ๆ ก่อน ฉันไม่เคยบอกว่ามันเป็นคำตอบที่ดี ฉันบอกว่าฉันต้องการเพิ่มลงในรายการเพื่อเห็นแก่ความสมบูรณ์
Alexander Ryan Baggett

วิธีนี้เป็นคำตอบที่สมบูรณ์แบบหากคุณต้องการการควบคุมสีและสไตล์อย่างละเอียดในบล็อคโค้ดใน Confluence 3.5 ฉันสร้างแมโครสำหรับผู้ใช้ของเราเป็นทางลัดสำหรับ{pre} {html}<pre> ... </pre>{html}การบรรจบกันที่ 5 เป็นอีกเรื่องหนึ่งโดยสิ้นเชิง
Underverse

1

ฉันใช้การผสมผสานระหว่างคำตอบของ Zelphir และ Peter Gluck กล่าวคือ

  1. (Mac-speak) คลิกคำสั่ง + SHIFT + D
  2. เลือก Markdown ในดรอปดาวน์ของป็อปอัพโมเดล
  3. ล้อมรอบข้อความของคุณด้วยแท็กรหัส - เช่น <code>bovvered</code>
  4. คลิก INSERT

1

วิธีที่ง่ายที่สุดสำหรับฉันคือแทรกมาร์กอัป

จุดบรรจบแทรกมาร์กอัป

จากนั้นในกล่องข้อความให้พิมพ์ข้อความระหว่างเครื่องหมายปีกกา

มันจะแทรกข้อความที่จัดรูปแบบในบรรทัดใหม่ แต่คุณสามารถคัดลอกได้ทุกที่แม้กระทั่งแบบอินไลน์


1
เขาระบุอย่างชัดเจนว่า "อินไลน์" มาร์กอัปไม่ได้อยู่ในบรรทัด
Josh Mc

1
ขออภัยพลาดว่าไม่สามารถยกเลิกการลงคะแนนได้อย่างชัดเจน: / กล่าวว่าการลงคะแนนเสียงของฉันถูกล็อค
Josh Mc

0

วิธีที่ง่ายที่สุดที่ฉันพบว่าทำคือการเขียนในมาร์คดาวน์ตั้งแต่เริ่มต้นของบรรทัด กดCtrl+D(ช็อตคัตสำหรับการเปิดกล่องโต้ตอบอินพุตมาร์กอัป) และพิมพ์มาร์กอัป ตัวแก้ไขวิกิปกติไม่ดีสำหรับการจัดรูปแบบที่แม่นยำ ดูเหมือนจะไม่ได้รู้อะไรเกี่ยวกับลักษณะของตัวละครมากนักและรู้เพียงแค่สไตล์ของย่อหน้าเท่านั้น


CTRL + D บุ๊กมาร์กหน้า (เช่นเดียวกับที่คุณคาดหวังไว้!) ใน Confluence รุ่นของฉัน
Coderer

-3

หากคุณมี WinWord คุณสามารถคัดลอกสิ่งที่คุณต้องการลงไปแตะที่ผลลัพธ์แล้ววางลงในที่บรรจบกัน ฉันพบว่าง่ายกว่าโซลูชันอื่น ๆ ที่นี่


1
XD ไม่ใช่ตัวแก้ไขข้อความที่บรรจบกันของความผิดของฉันมีคุณสมบัติไม่เพียงพอ
Amalgovinus
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.