Làm cách nào để định dạng mã nội tuyến trong Confluence?


Câu trả lời:


592

Để chèn phông chữ đơn cách nội tuyến trong Confluence, bao quanh văn bản trong dấu ngoặc kép.

Đây là một {{example}}.

Nếu bạn đang sử dụng Confluence 4.x trở lên, bạn cũng có thể chỉ cần chọn tùy chọn "Được định dạng trước" từ menu kiểu đoạn văn. Xin lưu ý rằng sẽ áp dụng cho toàn bộ dòng.

Tham khảo đầy đủ tại đây .


130
Trong hợp lưu 4+, đánh dấu wiki được mặc định và tùy chọn "Preformatted" áp dụng cho toàn bộ dòng. Cách duy nhất để làm điều đó (không cần cài đặt plugin chỉnh sửa wikitext) là chọn phông chữ đơn cách.
HDave

16
Nó sẽ không hoạt động nếu bạn dán nó vào - bạn cần gõ các dấu ngoặc nhọn để "kích hoạt" "định dạng tự động". Nếu bạn muốn định dạng các dải văn bản lớn theo cách này, thì hãy sử dụng hộp thoại Chèn -> Wiki Markup và nhập / dán tất cả vào đó.
jaysee00

3
Tôi đã thấy rằng sử dụng Ctrl-Shift-D để chèn đánh dấu wiki là hữu ích. Đây là lối tắt kết hợp duy nhất tôi sử dụng trong V5. Có, trình soạn thảo mới có thể khó sử dụng. Nhập mã thông qua trình soạn thảo wiki sẽ giúp ích, đặc biệt nếu bạn được sử dụng để đánh dấu mã hóa thay vì gui.
Đánh bại

29
Một cách đáng tin cậy để thực hiện công việc này là nhập {{foo}}; nó luôn nhận ra 'foo' là cần định dạng trước, sau đó dán bất cứ thứ gì bạn thực sự muốn đặt vào đó giữa 'f' và 'o', sau đó xóa văn bản 'foo'. Bạn nên để lại những gì bạn thực sự muốn, được định dạng sẵn.
Dan Mitchell

5
Điều gì về một màu nền / văn bản khác nhau? monospace không phải là điều duy nhất, tôi muốn làm nổi bật nó trong hàng, bất kỳ ý tưởng?
Ricky Levi

77

Theo mặc định Confluence hiển thị văn bản đơn cách với nền trong suốt. Bạn có thể chỉnh sửa CSS toàn cầu để thêm màu xám. Từ hướng dẫn sử dụng Confluence :

  1. Chọn biểu tượng răng cưa ở trên cùng bên phải của màn hình, sau đó chọn Quản trị Confluence.
  2. Chọn Biểu định kiểu.
  3. Chọn Chỉnh sửa.
  4. Dán CSS tùy chỉnh của bạn vào trường văn bản.
  5. Chọn Lưu.

CSS tùy chỉnh để hiển thị nền màu xám trong các khối đơn cách:

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

Nếu bạn đang sử dụng Confluence OnDemand (đám mây):

  1. Nhấp vào bánh răng / bánh răng ở dưới cùng của thanh bên trái
  2. Chọn Nhìn và Cảm nhận
  3. Nhấp vào Sidebar, Header và Footer tab
  4. Dán CSS tùy chỉnh của bạn vào header lĩnh vực
  5. Gói mã trong một {style}khối
  6. Tiết kiệm

Dán như sau:

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

Sau đó, bạn sẽ có được stackoverflow đẹp và gọn gàng - mã nội tuyến phong cách chỉ bằng cách viết {{sometext}}.


1
Nếu không gian của bạn sử dụng biểu định kiểu / chủ đề tùy chỉnh, điều này có thể không hoạt động. Một cách giải quyết lười biếng là nối thêm ví dụ trên vào bên trong các thẻ kiểu trong "Nhìn và cảm nhận -> HTML tùy chỉnh" (được thử nghiệm trên phiên bản 5.9.6).
jdknight 11/03/2016

3
Nếu sử dụng Confluence OnDemand, bạn phải truy cập trang "Thanh bên, tiêu đề và chân trang". Sau đó, trong hộp văn bản tiêu đề sao chép / dán mã CSS ở trên, nhưng bạn cần đặt {style}trước và sau CSS . Ví dụ về {style}cách sử dụng .
Phil

1
Chỉnh sửa nhỏ, bạn dường như cần phải thoát khỏi các dấu ngoặc nhọn bên trong khối kiểu hoặc nếu không hợp lưu cố gắng tìm một macro được gọi là đệm. {style} mã \ {... \} {style}
edqwerty

4
Điều này hoạt động, tuy nhiên trong ví dụ OnDemand (đám mây) của tôi hiện tôi đang gặp lỗi "Các macro sau đây hiện không được hỗ trợ trong tiêu đề: style" ở đầu trang. Vậy mà nó vẫn ám.
Bắt đầu đi

2
@GraehamF @GONeale Tôi chỉ bao gồm [class^=SpaceCustomSettingsBlockComponent_unsupportedMacros]{display: none;}trong CSS tùy chỉnh: p
Samizdis

28

Bạn có thể yêu cầu quản trị viên Confluence quái dị của bạn tạo một macro cho bạn. Dưới đây là một ví dụ về macro cho 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>

Sau đó, người dùng có thể sử dụng {inlinecode}like this{inlinecode}

Bạn cũng có thể sử dụng {html}hoặc {style}macro nếu chúng được cài đặt hoặc thêm kiểu này vào biểu định kiểu cho không gian của bạn.

Trong khi bạn đang ở đó, hãy yêu cầu quản trị viên Confluence của bạn tạo macro kbd cho bạn. Tương tự như trên, ngoại trừ Macro namekbdTemplatelà:

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

Sau đó, bạn có thể viết tài liệu để báo cho người dùng nhấn F1Enterphím.


2
Đừng quan tâm nhiều về quản trị viên ;-), {kbd} là những gì tôi đang tìm kiếm. Cảm ơn!
Jasper de Vries

14

Bao quanh văn bản nội tuyến của bạn với {{ }}.

Hãy cẩn thận:

  1. Bạn phải nhấn phím cách sau }}
  2. Bạn không thể sao chép văn bản được định dạng sẵn nội tuyến và duy trì giao diện của nó. Nếu bạn sao chép nó, bạn có thể không thể thêm {{ }}để sửa nó. Chỉ cần gõ lại hoặc dán mà không cần định dạng ( Cmd ⌘+ Shift+ Vtrên Mac) sau đó thêm {{ }}và nhấn dấu cách.
  3. Nếu bạn thêm {{ }}văn bản hiện tại vào sau, nó không thể được bao quanh bởi các ký tự khác, ví dụ: nếu bạn muốn dấu ngoặc đơn xung quanh văn bản được định dạng trước của mình, bạn không thể sửa (my text)bằng cách thêm dấu ngoặc nhọn ({{my text}}). Đầu tiên thêm không gian xung quanh văn bản của bạn ( my text )sau đó thêm {{ }}.

Hãy thử Ctrl-D sau đó sử dụng đánh dấu này? Nó nên cố gắng chuyển đổi nó để đánh dấu mới.
Đánh bại

12

Kể từ Confluence 4 trở lên, gõ hai dấu ngoặc nhọn không hoạt động.

Bây giờ bạn cần chọn phông chữ Monospace. Đánh dấu văn bản bạn muốn thay đổi và:

Windows: Ctrl + Shift + M

Mac: Lệnh + Shift + M

Ngoài ra, bạn có thể nhập backtick (`) và Confluence sẽ định dạng mọi thứ cho đến khi bạn nhập backtick khác

Ngoài ra, bên cạnh các tùy chọn in đậm và in nghiêng, bạn có thể nhấp vào thả xuống "thêm" và chọn Monospace:

nhập mô tả hình ảnh ở đây


11

Trong Confluence 5.4.2, bạn có thể thêm bao quanh mã nội tuyến bằng <code></code>các thẻ trong trình chỉnh sửa nguồn:

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

Điều này có thể hữu ích khi có nhiều đoạn để sửa đổi vì tính năng dấu ngoặc kép chỉ hoạt động khi thêm văn bản tương tác trong trình chỉnh sửa Confluence.


Cảm ơn bạn, điều này dường như cũng hoạt động trong quá trình di chuyển từ MediaWiki sang Confluece bằng UWC.
MonkeyMonkey

10

Nếu bạn muốn chèn một khối mã lớn với số dòng tùy chọn, v.v. hãy sử dụng Macro Mã (có sẵn trong Macro -> Khác).


1
Điều này làm việc tuyệt vời --- cảm ơn! confluence.atlassian.com/display/DOC/Code+Block+Macro
Garret Wilson

yeah, làm thế nào để tôi làm điều này mà không cần nhấp qua hai menu? tôi thường cần 10 mã chặn một trang.
Jeremy Leipzig

11
@JeremyLeipzig Nhập {để hiển thị trình duyệt macro và bắt đầu nhập .
alex

FYI, nếu bạn sử dụng "&" trong mã, nó sẽ được định dạng không chính xác - xem jira.atlassian.com/browse/CONFCLOUD-59800
nevets1219

7

Để định dạng mã nội tuyến trong văn bản của bạn, hãy sử dụng ký tự '`' để bao quanh mã của bạn. Thường nằm ở bên trái của phím '1' trên bàn phím của bạn.

Thí dụ:

`printf("Hello World");`

Dấu phân cách tương tự như Stack Exchange!


2
ADM - Tôi đã hiển thị mã với các dấu phân cách và bạn đã không thoát chúng. Bây giờ mã trông giống như mã, đó không phải là mục đích của câu trả lời của tôi. Mục đích của câu trả lời của tôi là chứng minh rằng trên Confluence, ký tự phân cách là `xảy ra giống như SO.
morrisonbrett

1
Phiên bản nào của Confluence hoạt động trên? Ví dụ của tôi không coi backticks là các ký tự đặc biệt.
Bộ giải mã

6

Tôi thấy định dạng với màu sắc phức tạp hơn một chút vì Confluence (5.6.3) rất phức tạp về các không gian xung quanh các khối {{monospace}}.

Tạo không gian màu với Wiki Markup

Như được kết xuất bởi Confluence


3

Tại thời điểm viết bài này, tôi thấy rằng không phải {{string}}cũng không {{ string }}làm việc. Bảng điều khiển của tôi chỉ có nút chặn mã.

Tuy nhiên, có một lối tắt được liệt kê cho định dạng chiều rộng cố định: Ctrl+ Shift+ M.

Tôi chọc vào các menu nhưng không thể tìm ra phiên bản nào đang được phục vụ cho chúng tôi.


1

Tất cả những câu trả lời khác này chắc chắn nghe có vẻ là ý tưởng hay và tôi sẽ khuyên bạn nên sử dụng chúng trước, nhưng tôi sẽ tiếp tục và thêm một câu nữa vào danh sách để hoàn thiện.

Bạn chỉ có thể sử dụng macro html và sau đó dán nội dung của bạn được bọc trong <pre> </pre>các thẻ.


Điều này có thể đạt được hiệu quả tương tự nhưng nên tránh trừ khi có nhu cầu đánh dấu văn bản trong khối bằng các thẻ HTML khác.
Đánh bại

Vâng, đó là lý do tại sao tôi khuyên bạn nên sử dụng các giải pháp được cung cấp trong các câu trả lời khác trước. Tôi không bao giờ nói đó là một câu trả lời tốt. Tôi nói rằng tôi muốn thêm nó vào danh sách vì lợi ích hoàn toàn.
Alexander Ryan Baggett

Phương pháp này là câu trả lời hoàn hảo nếu bạn cần kiểm soát tốt các màu sắc và kiểu trong một khối mã trong Confluence 3.5. Tôi đã tạo một {pre}macro cho người dùng của chúng tôi như một lối tắt cho {html}<pre> ... </pre>{html}. Confluence 5 là một vấn đề hoàn toàn khác.
Đánh bại

1

Tôi sử dụng kết hợp câu trả lời của Zelphir và Peter Gluck. I E

  1. (Mac-speak) Nhấp vào LỆNH + SHIFT + D
  2. Chọn Markdown trong danh sách thả xuống của mô hình bật lên
  3. Bao quanh văn bản của bạn với thẻ mã - tức là <code>bovvered</code>
  4. Nhấp vào CHERTN

1

Cách dễ nhất đối với tôi là Chèn Đánh dấu.

Kết hợp chèn đánh dấu

Sau đó trong hộp văn bản gõ văn bản giữa các dấu ngoặc nhọn.

Nó sẽ chèn văn bản được định dạng trong một dòng mới nhưng bạn có thể sao chép nó ở bất cứ đâu, thậm chí là nội tuyến.


1
ông tuyên bố rõ ràng "nội tuyến". Đánh dấu là không nội tuyến.
Josh Mc

1
Xin lỗi, đã bỏ lỡ điều đó, không thể bỏ xuống rõ ràng: / nói rằng downvote của tôi bị khóa.
Josh Mc

0

Cách dễ nhất tôi đã tìm thấy để làm điều này là viết vào phần đánh dấu ngay từ đầu dòng. Nhấn Ctrl+D(phím tắt để mở hộp thoại nhập đánh dấu) và gõ đánh dấu. Trình soạn thảo wiki bình thường dường như không tốt cho định dạng chính xác. Nó dường như không biết nhiều về phong cách nhân vật và chỉ biết kiểu đoạn văn.


CTRL + D đánh dấu trang (giống như bạn mong đợi!) Trên phiên bản Kết hợp của tôi.
Bộ giải mã

-3

Nếu bạn có WinWord, bạn có thể sao chép những gì bạn cần vào đó, chạm vào kết quả và sau đó dán nó vào Confluence. Tôi thấy rằng dễ dàng hơn các giải pháp khác ở đây.


1
XD không phải lỗi của tôi trình soạn thảo văn bản của hợp lưu bị thiếu.
Amalgovinus
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.