document.execCommand（'bold'）在React JS中不起作用

Question

反应JS： 我正在尝试为我的项目制作简单的编辑器， 可以使文本加粗，斜体和下划线

我使用contentEditable

<div className="inputBox" contentEditable>some text here to play with</div> 

和即时通讯使用其上方的按钮使文本变为粗体

<div className="button' onClick={this.buttonCLick.bind(this)}>BOLD</div>

将其称为onclick

buttonCLick(){
        let isWorking = document.execCommand('bold',false,'');
        console.log('isWorking:', isWorking);
    }

但是“ isWorking”每次都会返回false，并且所选内容不会发生任何变化。

Answer 1

什么浏览器显示此行为？您在其他浏览器上尝试过吗？

例如在Firefox上，您必须确保默认字体粗细为400（https://bugzilla.mozilla.org/show_bug.cgi?id=948411）。在这里，我已经报告了Firefox https://bugzilla.mozilla.org/show_bug.cgi?id=1515267

的文档错误

似乎还有另一个异乎寻常的案例，但我没有转载：Why doesn't the document.execCommand work when I click on a div?但