Як відформатувати вбудований код в Confluence?


480

Як я можу відформатувати inline codeв Confluence like this? Я маю на увазі не окремий блок коду, а просто вбудований classname, наприклад.


3
Проголосуйте за швидкий квиток, щоб здійснити це: jira.atlassian.com/browse/CONF-23966
Jens

Відповіді:


592

Щоб вставити шрифт вбудованого монопростору в Confluence, оточіть текст подвійними фігурними дужками.

Це {{example}}.

Якщо ви використовуєте Confluence 4.x або новішої версії, ви також можете просто вибрати параметр «Попередньо відформатований» у меню стилю абзацу. Зверніть увагу, що це стосується всього рядка.

Повна довідка тут .


130
У злитті 4+ розмітка wiki за замовчуванням відсутня, а опція "Попередньо відформатована" застосовується до всього рядка. Єдиний спосіб зробити це (не встановлюючи плагін для редагування wikitext) - вибрати одношаровий шрифт.
HDave

16
Це не спрацює, якщо ви вставляєте його - вам потрібно набрати закривальні дужки, щоб "запустити" "автоматичний формат". Якщо ви хочете відформатувати великі фрагменти тексту таким чином, скористайтеся діалоговим вікном "Вставити -> Wiki Markup" і введіть / вставити все там.
jaysee00

3
Я виявив, що використовувати Ctrl-Shift-D для вставки розмітки wiki корисно. Це єдиний комбінований ярлик, який я використовую у V5. Так, новий редактор може бути непростим. Введення коду через редактор wiki допомагає, особливо якщо ви використовуєте для розмітки кодування замість gui.
Підземний

29
Надійний спосіб зробити цю роботу - набрати {{foo}}; він завжди визнає "foo" необхідним передформатуванням, а потім вставити все, що ви насправді хотіли вставити туди між "f" і "o", а потім видаліть текст "foo". Вам слід залишити те, що ви дійсно хотіли, заздалегідь відформатовані.
Ден Мітчелл

5
як щодо іншого кольору фону / тексту? Монопростір - не єдине, я хотів виділити це всередині ряду, будь-які ідеї?
Рікі Леві

77

За замовчуванням Confluence надає однобічний текст з прозорим фоном. Ви можете редагувати глобальний CSS, щоб додати сірий колір. З посібника Confluence :

  1. Виберіть значок шестірні вгорі праворуч на екрані, а потім виберіть Адміністратор злиття.
  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;
}

Якщо ви використовуєте OnDemand Confluence (хмара):

  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
Якщо у вашому просторі використовується спеціальна таблиця стилів / тема, це може не працювати. Ледачим способом є додавання наведеного вище прикладу до тегів стилів у розділі "Look and Feel -> Custom HTML" (тестовано на версії 5.9.6).
jdknight

3
Якщо ви використовуєте Confluence OnDemand, вам потрібно перейти на сторінку "Бічна панель, заголовок і колонтитул". Потім у текстовому полі заголовка скопіюйте / вставте вищевказаний CSS-код, але його потрібно поставити {style}до і після CSS . Приклад {style}використання .
Філ

1
Незначна корекція, здається, вам потрібно уникнути фігурних дужок всередині блоку стилів, інакше злиття намагається знайти макрос, який називається padding. {style} code \ {... \} {style}
edqwerty

4
Це працює, проте в моєму екземплярі OnDemand (хмара) я отримую помилку "Наступні макроси наразі не підтримуються у заголовку: стиль" у верхній частині сторінки. Але це все ще надає. Перейдіть до фігури :)
GONeale

2
@GraehamF @GONeale Щойно я включив [class^=SpaceCustomSettingsBlockComponent_unsupportedMacros]{display: none;}у користувацький CSS: p
Samizdis

28

Ви можете попросити свого адміністратора невідступного конфлікту створити макрос для вас. Ось приклад макросу для 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.


2
Не сильно переймайтесь адміністратором ;-), {kbd} було те, що я шукав. Дякую!
Джаспер де Вріс

14

Оточіть свій вбудований текст з {{ }}.

Застереження:

  1. Ви повинні натиснути пробіл після }}
  2. Ви не можете скопіювати вбудований попередньо відформатований текст і підтримувати його вигляд. Якщо ви скопіюєте його, ви, можливо, не зможете додати його {{ }}для виправлення. Просто введіть його знову або вставте без форматування ( Cmd ⌘+ Shift+ Vна Mac), після чого додайте {{ }}та натисніть пробіл.
  3. Якщо ви додасте {{ }}текст до існуючого тексту пізніше, він не може бути оточений іншими символами, наприклад, якщо ви хочете дужки навколо попередньо відформатованого тексту, ви не можете виправити (my text)додавання дужок ({{my text}}). Спочатку додайте пробіл навколо тексту, ( my text )а потім додайте {{ }}.

Спробуйте Ctrl-D, а потім використовувати цю розмітку? Слід спробувати перетворити його в нову розмітку.
Underverse

12

Станом на З’єднання 4 і вище, введення двох фігурних дужок не працює.

Тепер вам потрібно вибрати шрифт Monospace. Виділіть текст, який потрібно змінити, і:

Windows: Ctrl + Shift + M

Mac: Command + Shift + M

Крім того, ви можете ввести backtick (`), і Confluence буде форматувати все, поки ви не введете інший backtick

Крім того, поруч із жирними та курсивними параметрами ви можете натиснути спадне меню "більше" та вибрати Monospace:

введіть тут опис зображення


11

У з’єднанні 5.4.2 ви можете додавати оточуючий вбудований код <code></code>тегами у вихідний редактор таким чином:

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

Це може бути корисно, коли є багато фрагментів, які можна змінити, оскільки функція подвійної дужки працює лише під час інтерактивного додавання тексту в редактор Confluence.


Дякую, це також, здається, працює під час процесу міграції з MediaWiki до Confluece за допомогою UWC.
MonkeyMonkey

10

Якщо ви хочете вставити великий блок коду з необов'язковими номерами рядків тощо, використовуйте кодовий макрос (доступний у розділі Макроси -> Інше).


1
Це чудово працює --- дякую! confluence.atlassian.com/display/DOC/Code+Block+Macro
Гаррет Вілсон

так, як це зробити, не клацнувши через два меню? Мені часто потрібно, як 10 коду, блокує сторінку.
Джеремі Лейпциг

11
@JeremyLeipzig Введіть {браузер макросів і почніть вводити код .
алекс

FYI, якщо ви використовуєте "&" у коді, він неправильно відформатований - див. Jira.atlassian.com/browse/CONFCLOUD-59800
nevets1219

7

Для форматування коду, вбудованого в текст, використовуйте символ `` 'для оточення коду. Зазвичай розташовується зліва від клавіші "1" на клавіатурі.

Приклад:

`printf("Hello World");`

Той самий роздільник, як і обмін стеками!


2
ADM - Я показував код разом з роздільниками, і ви їх не уникнули. Тепер код виглядає як код, що не є метою моєї відповіді. Наміть моєї відповіді - продемонструвати, що на Злученні символ роздільника є ", що трапляється так само, як ТА.
morrisonbrett

1
Над якою версією Confluence працює ця робота? Мій екземпляр не сприймає задні посилання як особливі символи.
Coderer

6

Я виявив, що форматування кольорів трохи складніше, оскільки Confluence (5.6.3) дуже метушливий щодо пробілів навколо блоків {{monospace}}.

Створення кольорового Monospace з розміткою Wiki

Як винесено Confluence


3

На момент написання цього запису я виявив, що {{string}}ні {{ string }}робота, ні робота. На моїй панелі управління була лише кнопка блоку коду.

Однак, було вказано ярлик для форматування фіксованої ширини: Ctrl+ Shift+ M.

Я поскакував у меню, але не зміг дізнатися, яку версію нам подають.


1

Усі ці інші відповіді, безумовно, звучать як хороші ідеї, і я б рекомендував спочатку їх використовувати, але я буду продовжувати і додавати ще один до списку заради повноти.

Ви можете просто скористатися html-макросом, а потім вставити вміст, загорнутий у <pre> </pre>теги.


Це може досягти такого ж ефекту, але цього слід уникати, якщо немає необхідності розмічувати текст у блоці за допомогою інших тегів HTML.
Підземний

Так, саме тому я рекомендував спочатку використовувати рішення, представлені в інших відповідях. Я ніколи не казав, що це була хороша відповідь. Я сказав, що хочу додати його до списку заради повноти.
Олександр Райан Багетт

Цей метод є ідеальною відповіддю, якщо вам потрібен тонкий контроль кольорів та стилів у кодовому блоці в Confluence 3.5. Я створив {pre}макрос для наших користувачів як ярлик для {html}<pre> ... </pre>{html}. Злиття 5 - цілком інша справа.
Підземний

1

Я використовую комбінацію відповідей Зельфіра та Пітера Глюка. тобто

  1. (Mac-говорить) Клацніть COMMAND + SHIFT + D
  2. Виберіть Розмітка у спадному меню спливаючих вікон моделі
  3. Оточіть ваш текст тегом коду - тобто <code>bovvered</code>
  4. Клацніть ВСТАВИТИ

1

Найпростіший спосіб для мене - вставити розмітку.

Злиття Вставити розмітку

Потім у текстове поле введіть текст між фігурними дужками.

Він буде вставляти відформатований текст у новий рядок, але ви можете його скопіювати будь-де, навіть у рядку.


1
він прямо заявив "в онлайні". Розмітка не вбудована.
Джош Мак

1
Вибачте, пропустивши це, явно не можу зняти заяву: / каже, що мій протокол заблокований.
Джош Мак

0

Найпростіший спосіб, який я знайшов це зробити, - це писати відмітку прямо з початку рядка. Натисніть Ctrl+D(ярлик для відкриття діалогового вікна розмітки) та введіть розмітку. Звичайний редактор вікі здається не дуже хорошим для точного форматування. Здається, він не знає багато про стилі символів і знає лише стилі абзаців.


CTRL + D робить закладки на сторінці (так само, як ви цього очікували!) У моїй версії Confluence.
Coderer

-3

Якщо у вас є WinWord, ви можете скопіювати те, що вам потрібно, доторкнутися до результатів, а потім вставити його в Confluence. Я знайшов це простіше, ніж інші рішення тут.


1
XD не є текстовим редактором моєї вини, що є недостатнім.
Амальговінус
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.