Как форматировать встроенный код в Confluence?

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

Ответ 1

Чтобы вставить встроенный моноширинный шрифт в Confluence, объедините текст в двойных фигурных скобках.

Это {{example}}.

Если вы используете Confluence 4.x или выше, вы также можете просто выбрать опцию "Preformatted" из меню стиля абзаца.

Полная ссылка здесь: https://confluence.atlassian.com/display/CONF56/Quick+Reference+Guide+for+the+Confluence+Editor

Ответ 2

По умолчанию Confluence отображает моноширинный текст с прозрачным фоном. Вы можете редактировать глобальный CSS, чтобы добавить серый цвет. Из Руководство по слиянию:

  • Выберите значок cog в правом верхнем углу экрана, затем выберите Confluence Admin.
  • Выберите таблицу стилей.
  • Выберите "Изменить".
  • Вставьте свой CSS в текстовое поле.
  • Выберите "Сохранить".

Пользовательский 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 (облако):

  • Нажмите шестерню/шестерню в нижней части боковой панели слева.
  • Выберите Look and Feel
  • Перейдите на вкладку Боковая панель, Верхний колонтитул и нижний колонтитул.
  • Вставьте свой собственный CSS в поле Заголовок
  • Оберните код в блок {style}
  • Сохранить

Вставьте следующее:

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

Ответ 3

Вы можете попросить своего администратора "Слишком" создать макрос для вас. Вот пример макроса для 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.

Ответ 4

В Confluence 5.4.2 вы можете добавить окружающий ваш встроенный код тегами <code></code> в исходном редакторе:

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

Это может быть полезно там, где есть много фрагментов, которые нужно изменить, поскольку функция двойной привязки работает только при интерактивном добавлении текста в редакторе Confluence.

Ответ 5

Если вы хотите вставить большой блок кода с дополнительными номерами строк и т.д., используйте Макросы кода (доступно в разделе Макросы → Другое).

Ответ 6

Окружать встроенный текст {{ }}.

Предостережения:

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

Ответ 7

Я нашел форматирование с цветами немного сложнее, так как Confluence (5.6.3) очень суетливо относительно пробелов вокруг блоков {{monospace}}.

Creating Colored Monospace with Wiki Markup

As rendered by Confluence

Ответ 8

Все эти другие ответы, безусловно, звучат как хорошие идеи, и я бы рекомендовал их использовать в первую очередь, но я продолжу и добавлю еще один список в полноту.

Вы можете просто использовать макрос html, а затем вставить содержимое, заключенное в теги <pre> </pre>.

Ответ 9

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

Ответ 10

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

  • (Mac-speak) Нажмите COMMAND + SHIFT + D
  • Выберите "Отметка" в раскрывающемся списке всплывающего окна модели
  • Окружать текст тегом кода, т.е. <code>bovvered</code>
  • Нажмите INSERT

Ответ 11

Если у вас есть WinWord, вы можете скопировать то, что вам нужно, подправить результаты, а затем вставить это в Confluence. Я нашел это легче, чем другие решения здесь.