显示带有下标（或上标）样式的菜单项标签

Question

在electron中，app菜单定义为：

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> 等标记，恐怕答案是否。据我所知，菜单是在 OS 级别处理的，没有可用的特定样式...

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

function toSub (string)
{
    const subscriptDigits = "₀₁₂₃₄₅₆₇₈₉";   // "\u2080\u2081\u2082\u2083\u2084\u2085\u2086\u2087\u2088\u2089"
    return string.replace (/(\d)/g, digit => subscriptDigits[digit]);
}
function toSuper (string)
{
    const superscriptDigits = "⁰¹²³⁴⁵⁶⁷⁸⁹";   // "\u2070\u00B9\u00B2\u00B3\u2074\u2075\u2076\u2077\u2078\u2079"
    return string.replace (/(\d)/g, digit => superscriptDigits[digit]);
}
console.log (toSub ("Menu Item 1"));
console.log (toSuper ("Menu Item 1"));

显示带有下标（或上标）样式的菜单项标签

Display menu item label with subscript (or supscript) style

javascript

unicode

node.js

electron