在 JIRA 中正确显示 RTL 语言

Question

有人知道如何使用 RTL 语言的 JIRA 吗？

他们的界面似乎无法配置来改变文本流的方向。

Answer 1

1. 为此有服务器端 Jira 插件。 Jira 从右到左插件 我以为我没有尝试过，当然这意味着购买、安装等。

2. 还有一个chrome插件 JiraRTL （免责声明，我是这个插件的创建者。顺便说一句，需要维护它的帮助。）

Answer 2

我使用 Jira 公告横幅注入自定义 CSS 或 JS：如何添加自定义 JS 和 CSS

只需添加此代码：

<script>
setInterval(function () {
  let pegah_dirAutoSupportSelector =
    ".user-content-block:not([dir])";
  const items = document.querySelectorAll(pegah_dirAutoSupportSelector);
  items.forEach((x) => {
    x.setAttribute("dir", "auto");
  });
}, 1000);
</script>

Answer 3

我尝试了Jira从右到左插件以及@Vahid提到的Jira 8.16.1注入自定义CSS解决方案（Jira Software 8.16.1和Jira Core 8.16.1）：

Jira 的从右到左插件已存档，并且不支持某些输入的 RTL，尽管它支持广泛的输入。您可以使用其下载链接从“管理”>“管理应用程序”>“上传应用程序”手动安装它。

作为一种更灵活的解决方案，您可以简单地通过 Jira 中的某些位置注入 CSS 来进行破解。我在管理 > 系统 > 用户界面 > 公告横幅和公告字段中添加了以下 HTML 脚本：

<!-- Make inputs RTL -->

<style type="text/css">

.activity-item-summary{
    direction: rtl;
}
.editable-field p {
    direction: rtl;
    text-align: left;
}
.editable-field.inactive {
    direction: rtl;
    text-align: left;
}
.inline-edit-fields {
    direction: rtl;
    text-align: left;
}
.textarea {
    direction: rtl;
    text-align: left;
}
#summary {
    direction: rtl;
    text-align: left;
}
.summary, .description {
    direction: rtl;
    text-align: left;
}
#summary-val {
    direction: rtl;
    text-align: left;
}
#description-val p{
    direction: rtl;
    text-align: left;
}
#issue_actions_container div.action-body.flooded {
    direction: rtl;
    text-align: left;
}
.stsummary {
    direction: rtl;
    text-align: left;
}
.worklog-comment {
    direction: rtl;
    text-align: left;
}
.activity-item-description .user-content {
    direction: rtl;
    text-align: left;
}
#activity-stream {
    direction: rtl;
    text-align: left;
}
.issue-link {
    direction: rtl;
    text-align: left;
}
.link-summary {
    direction: rtl;
    text-align: left;
}
.link-content p {
    direction: rtl;
    text-align: left;
}
.issue-link {
    direction: rtl;
    text-align: left;
}
.issue-link-summary {
    direction: rtl;
    text-align: left;
}
.activity-old-val {
    direction: rtl;
    text-align: left;
}
.activity-new-val {
    direction: rtl;
    text-align: left;
}
.activity-item-description p {
    direction: rtl;
    text-align: left;
}
.rowAlternate b {
    direction: rtl;
    text-align: left;
}
.ghx-summary {
    direction: rtl;
    text-align: left;
}
.iic-widget__summary {
    direction: rtl;
    text-align: left;
}

</style>

如果 RTL 尚未应用于您想要的输入，您可以使用浏览器

inspect

为您的输入查找 CSS 选择器（即 ID、类名），并将相关代码添加到上面的代码片段，如 this链接.

有关使用 JS 和 CSS 自定义 Jira 的更多信息，请阅读此链接。

注意：上面的 HTML 代码主要受到 Right To Left Plugin for Jira CSS 文件的启发。