Confluence中特定文本的CSS

Question

我想知道是否有办法在我的Confluence页面上使用自定义CSS来针对某些特定文本（而不是使用嵌入的HTML）。

- Andrew

---

怎样具体操作？您能展示文本的HTML代码吗？ - Pekka

具体来说，指的是一些与其他文本不同的文本。问题在于我无法在该页面上使用HTML。 - Andrew

那么，是什么“定义”了特定的文本？你不能将一些标签围绕它吗？那么可能做不到。 - Pekka

是的，我不能在那里使用任何HTML...我正在寻找一种使用一些宏来实现这一目标的方法... - Andrew

Answer 1

抱歉，这是一个旧问题，但为了那些寻找答案的人们，请使用 span 或 div 宏并使用自定义 css 来应用您想要的任何样式到它们的内容。

如果需要，您可以创建自定义 div 和 span 类来允许将多个样式应用于文本选择。

编辑：这里是您可以使用的 wikimarkup 示例。

{div:class=customCss|style=float:left; margin-right:50px}
Custom text in a div
{div}

因此，您可以使用

并在Confluence空间的自定义CSS中应用样式，或者您可以为

使用内联样式。

- MNRSullivan

---

哈，是的。维基百科的内联样式基本上就像CSS编写的一样。你可以应用于整个空间的“自定义CSS”也与HTML的CSS类似，因为当实际查看时，Wikimarkup只是显示HTML内容。 - MNRSullivan

我是一名Macintosh开发者。今天我花了一整天的时间在我们内部的Confluence实例上记录东西。默认情况下，自定义颜色、等宽字体的样式看起来很糟糕，所以我一直在尝试找出如何让它看起来好看的方法。结果证明，这比我预期的学习曲线要陡峭得多，但我的最大障碍是语法。我会在明天早上弄清楚确切的格式。再次感谢您的帮助。 - Mark

Answer 2

您可以通过以下步骤完成此操作：

{composition-setup}import.css=/download/attachments/123456789/custom.css
{composition-setup}

如果您已经存储了一个custom.css文件作为附件，那么您显然需要用实际的附件编号替换123456789。

您还可以链接外部网站上的CSS（使用绝对URL），但如果您有任何自动URL格式化，每次更改文档时都会出现问题。

- musaul

---

看起来不错...但我想在一些文本上使用CSS类，应该是这样的：{text:class="MY_CLASS"}我的文本{text} - Andrew

不确定是否需要添加id/classes，抱歉。可以尝试在Atlassian论坛http://forums.atlassian.com/上寻求更多帮助。 - musaul

要获取{composition-setup}宏，您可以安装Customware的Composition插件。 - Will Sheppard

Answer 3

我使用一个用户宏来将 $body 渲染为 HTML。这样，在用户宏标签内，我可以放置任何我想要的 HTML 标签在 wiki 页面中。

- bruce

Answer 4

也许有一种方法可以达到你想要的目标，但是缺少一些信息（来自你）。Confluence 允许的是以下内容：

• 如果您有 Confluence Wiki 空间的管理员权限，您可以在那里添加一个自定义样式表，该样式表适用于所有 Wiki 页面。否则，您可以遵循 Mus 的答案。
• 然后，您应该以源格式分析 Wiki 页面。因此，加载您想要样式化的 Wiki 页面，并查看浏览器中该 Wiki 页面的源代码。根据您的浏览器，这可能是 CTRL-U 或类似的内容。在这里，在 Chrome 中，页面菜单显示为 查看页面源代码。
• 尝试以某种形式找到您想要样式化的 Wiki 文本的定义选择器。一个合理的黑客方法可能是:
  • 找到其他人未使用的 Wiki 样式。我已经尝试过 ~subscript~。
  • 查找使用该样式构建的 HTML 标签。在我的例子中，它是 <sub>subscript</sub>。
  • 使用您的自定义样式表来样式化该样式的文本。
  • 但是，这可能会改变使用该样式的文本的原始含义 :-(

- mliebelt

Answer 5

您可以通过 div 和 span 宏在 Confluence 页面中指定自定义 CSS。

在最近的 Confluence 版本（4.0 及更高版本）中，您可以按照以下步骤操作：

1. 键入 {div} 或 {span}。在键入右括号 } 时，自动完成将把文本转换为宏。
2. 单击宏框架并选择“编辑”按钮
   
3. 将自定义 CSS 输入到“样式”字段中并关闭对话框
4. 将文本输入到宏框架中。然后它将具有您指定的样式。

- oberlies