如何在Confluence中格式化内联代码?

时间:2012-10-27 21:51:29

标签: confluence

如何在Confluence inline code中格式化like this?我的意思是,不是单独的代码块,而是内联classname,例如。

16 个答案:

答案 0 :(得分:543)

要在Confluence中插入内联等宽字体,请将文本用双花括号括起来。

这是{{example}}

如果您使用的是Confluence 4.x或更高版本,您也可以从段落样式菜单中选择“预先格式化”选项。

此处完整参考:https://confluence.atlassian.com/display/CONF56/Quick+Reference+Guide+for+the+Confluence+Editor

答案 1 :(得分:71)

默认情况下,Confluence使用透明背景渲染等宽文本。您可以编辑全局CSS以添加灰色。来自Confluence manual

  1. 选择屏幕右上角的cog图标,然后选择Confluence Admin。
  2. 选择样式表。
  3. 选择编辑。
  4. 将自定义CSS粘贴到文本字段中。
  5. 选择保存。
  6. 用于在等宽块中显示灰色背景的自定义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(云):

    1. 点击左侧边栏底部的齿轮/齿轮
    2. 选择外观
    3. 点击侧边栏,页眉和页脚标签
    4. 将自定义CSS粘贴到标题字段
    5. 将代码包裹在{style}
    6. 保存
    7. 粘贴以下内容:

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

      之后,只需编写{{sometext}},即可获得漂亮整洁的stackoverflow-时尚内联代码。

答案 2 :(得分:27)

您可以请求您的友好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}宏,您也可以使用它们,或者将此样式添加到您的空间的样式表中。

当你在它时,请让你的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 键。

答案 3 :(得分:12)

使用{{ }}围绕您的内联文字

注意事项:

  1. 您必须 点击 }}
  2. 后的空格键
  3. 您无法复制内联预格式文本并保持其外观。如果您复制它,则可能无法添加{{ }}来修复它。只需重新键入或粘贴而不进行格式化(在Mac上Cmd⌘ + Shift + V )然后添加{{ }}并点击空格。< / LI>
  4. 如果您稍后将{{ }}添加到现有文字,则不能将其包含在其他字符中,例如如果您希望在预先格式化的文本周围使用括号,则无法通过添加大括号(my text)来修复({{my text}})。首先在文字( my text )周围添加空格,然后添加{{ }}

答案 4 :(得分:10)

在Confluence 5.4.2中,您可以在源代码编辑器中添加带有<code></code>标记的内联代码:

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

这在需要修改许多片段的情况下非常有用,因为双支撑功能仅在Confluence编辑器中以交互方式添加文本时才有效。

答案 5 :(得分:7)

如果要插入带有可选行号的大型代码块等,请使用代码宏(在宏 - &gt;其他下)。

答案 6 :(得分:6)

我发现格式化的颜色有点棘手,因为Confluence(5.6.3)对{{monospace}}块周围的空间非常挑剔。

Creating Colored Monospace with Wiki Markup

As rendered by Confluence

答案 7 :(得分:6)

要在文本中内嵌格式化代码,请使用“?”字符围绕代码。通常位于键盘上“1”键的左侧。

示例:

`printf("Hello World");`

与Stack Exchange相同的分隔符!

答案 8 :(得分:4)

从Confluence 4及更高版本开始,键入两个大括号不起作用。

您现在需要选择Monospace字体。突出显示要更改的文本:

Windows:Ctrl + Shift + M

Mac:Command + Shift + M

或者,在粗体和斜体选项旁边,您可以点击“更多”下拉列表并选择等宽线:

enter image description here

答案 9 :(得分:1)

所有这些其他答案肯定听起来都是好主意,我建议先使用它们,但我会继续为完整性添加一个列表。

您只需使用html宏,然后粘贴包含在<pre> </pre>标记中的内容。

答案 10 :(得分:1)

最简单的方法是插入标记。

Confluence Insert Markup

然后在文本框中键入花括号之间的文本。

它会将格式化文本插入新行,但您可以将其复制到任何位置,甚至内联。

答案 11 :(得分:1)

用鼠标或光标标记您的文本,然后按:

  • Mac: ⌘ + ⇧ + M(CMD、Shift 和 M 键)
  • Windows/Linux: CTRL + ⇧ + M(CTRL、Shift 和 M 键)

答案 12 :(得分:0)

我发现这样做的最简单方法是从行首开始写下降标记。按Ctrl+D(打开标记输入对话框的快捷键)并键入markdown。普通的wiki编辑器对于精确格式化似乎不太好。它似乎对字体样式知之甚少,只知道段落样式。

答案 13 :(得分:0)

我使用了Zelphir和Peter Gluck的答案。即。

  1. (Mac-speak)点击COMMAND + SHIFT + D
  2. 在模型弹出窗口的下拉列表中选择Markdown
  3. 使用代码标记环绕您的文字 - 即<code>bovvered</code>
  4. 点击INSERT

答案 14 :(得分:0)

在撰写本文时,我发现{{string}}{{ string }}都不起作用。我的控制面板上只有代码阻止按钮。

但是,列出了固定宽度格式的快捷方式:Ctrl + Shift + M

我在菜单中四处寻找,但无法找出要提供给我们的版本。

答案 15 :(得分:-3)

如果您有WinWord,您可以将所需内容复制到其中,修改结果,然后将其粘贴到Confluence中。我发现这比其他解决方案更容易。