IE11中不会取消document.execCommand的粗体显示

Question

我试图将iframe（在designMode中）用作富文本编辑器。

<iframe name="richTextField" id="richTextField" class="rte"></iframe>

我还有一个按钮，可以通过调用javascript函数iBold来加粗/取消加粗iframe中的文本。

<a href="javascript:iBold()" type="button" value="bold"><img src="/images/bold.gif" id="boldButton"/></a>

function iBold()
{
    richTextField.document.execCommand('bold');
    console.log(window.frames['richTextField'].document.body.innerHTML);
}

粗体按钮适用于大多数情况，但是有一种情况它不起作用（在IE11中）。 如果在iframe中选择（突出显示）文本的一小部分，则可以将其加粗，也可以使用粗体按钮将其展开。但是，如果在iframe中选择“所有”文本，则可以将其加粗，但是我永远都无法对其进行展开。 在那之后，文本永远是粗体的。 无论我选择/突出显示什么，execCommand都不会展开任何内容。 注意：它当然可以在Firefox中正常工作。

http://jsbin.com/hiwetumobo/1/edit?html,js,output

Answer 1

这并不是真正的最佳解决方案，但至少可以使用以下方法。

if(isIE11) {
 isBolded = yourDocumentHere.queryCommandValue('bold');
 if(isBolded) {
   yourDocumentHere.execCommand('removeFormat', false)
 }
}