javascript - Electron JS-使用本地键盘快捷键在Textarea中制作粗体文本

Question

我正在尝试在ElectronJS中创建文本编辑器，这是我在Electron中的第一个应用程序。
我按原样获得了Textarea和快捷方式设置，但是按CTRL + B时​​，无法在textarea中获得所选文本，以使其变为粗体。我可以在正确的方向上使用一些帮助，以实现此目标。
到目前为止，我尝试使用execCommand来切换粗体，但是却出现错误:
文件未定义
Main.js

menu.append(new MenuItem({
    label: 'Shortcuts',
    submenu: [{
        role: 'Bold',
        accelerator: process.platform === 'darwin' ? 'Cmd+B' : 'Ctrl+B',
        click: () => { 
            document.execCommand('bold');
        }
    }]
}))
Menu.setApplicationMenu(menu)

我也曾在 renderer.js中尝试过此方法，但也无法正常工作。
我究竟做错了什么？

Answer 1

这实际上回答了以下问题:https://stackoverflow.com/a/12831155/652535
来自链接的内容:
如果需要自定义文本区域，请使用具有contenteditable属性的另一个元素(如DIV)重现其行为。
它更具可定制性，并且是一种更现代的方法，textarea仅用于纯文本内容，而不用于丰富内容。

<div id='fake_textarea' contenteditable></div>

滚动条可以使用CSS溢出属性进行复制。
您可以正常使用这种伪造的textarea，即:如果您必须通过POST方法提交其内容，则可以执行以下操作(使用jQuery):

<input type='hidden' id='fake_textarea_content' name='foobar' />

...

$('#your_form').submit(function()
{
  $('#fake_textarea_content').val($('#fake_textarea').html());
});