azure-devops - Azure DevOps Mermaid 标签未居中

Question

问题

是否可以更改我的 Azure DevOps wiki 的 Mermaid 配置？或者有没有其他方法可以让我在我的 wiki 上获得我想要的结果？

期望的结果：

细节

使用 Azure DevOps wiki 中的 Mermaid markdown，节点中的标签未居中对齐。

示例降价

:::mermaid
graph LR
    start(Begin) --> setup(Setup Station)
    setup --> select{select<br>test function}
:::

结果流程图：

我在美人鱼 github 上发现了这个问题：

在禁用“htmlLabels”的情况下，流程图中的标签文本未水平居中 #1177

该问题提到，如果flowchart配置具有htmlLables: true.

我在 Azure DevOps wiki 上找不到更改美人鱼配置的位置。我已经在站点周围挖掘并尝试克隆 wiki，但找不到任何包含美人鱼配置的文件或页面。

Answer 1

我已经在我的 DevOps 服务的一个团队项目中测试了您的示例——概览——Wiki，标签自动居中。检查下面的屏幕截图：

—————————————————————————————————————————————</p>

更新：

DevOps 不支持更改格式，您可以在网站https://developercommunity.visualstudio.com/content/idea/post.html?space=21提交建议。

作为一种解决方法，这可以由浏览器控制。检查我的以下示例，如果添加text-align:center到style，则节点中的标签居中对齐。

Answer 2

将美人鱼图包裹在中心标签中将使图中所有节点中的所有文本居中。中心标签和图表打开/关闭之间必须有一个空行，否则图表将被视为纯文本。

<center>

:::mermaid
graph LR
    start(Begin) --> setup(Setup Station)
    setup --> select{select<br>test function}
:::

</center>

给出所需的结果：

下边：

• 必须适用于所有节点，不能选择性
• 页面上的中心图形也是如此。

我愿意接受这些妥协以使文本居中，就我而言，它们不是问题。