显示具有下标(或supscript)样式的菜单项标签

Question

在electronic中，应用程序菜单定义为：

const menuTemplate = [
{
label:"Menu Item 1",
click(){
//define some behaviour
}
}
];

有没有办法将菜单项名称显示为Menu Item ₁？

Answer 1

很难回答你的问题，因为你的问题缺乏细节和清晰度。。。

1/如果您想将菜单项名称显示为Menu Item ₁，只需使用菜单模板中的字符串：

const menuTemplate = [
{
label:"Menu Item ₁",
click(){
//define some behaviour
}
}
];

2/如果你问是否可以在菜单项中使用标记标签，如HTML的<sub>和<sup>，恐怕答案是否定的。AFAIK，菜单在操作系统级别处理，没有特定的样式可用。。。

3/如果您想通过编程将数字0到9转换为Unicode下标和上标，那么这可以通过简单的字符串操作独立于菜单完成：

function toSub (string)
{
const subscriptDigits = "₀₁₂₃₄₅₆₇₈₉";   // "u2080u2081u2082u2083u2084u2085u2086u2087u2088u2089"
return string.replace (/(d)/g, digit => subscriptDigits[digit]);
}
function toSuper (string)
{
const superscriptDigits = "⁰¹²³⁴⁵⁶⁷⁸⁹";   // "u2070u00B9u00B2u00B3u2074u2075u2076u2077u2078u2079"
return string.replace (/(d)/g, digit => superscriptDigits[digit]);
}
console.log (toSub ("Menu Item 1"));
console.log (toSuper ("Menu Item 1"));