我试图用我自己的富文本编辑器功能在React中编写一个文档编辑器。我将页面分为页眉,正文和页脚iframe。对于工具栏中单击的每个按钮,都会适当调用execCommand。这可行,但是我注意到的奇怪的是,即使我在所有三个iframe上都调用execCommand函数,execCommand仅适用于单击按钮后立即单击的第一个iframe。这个可以解决吗?这是我当前的代码。
updateInputText = (command) => {
this.props.iframes.headerBox.contentWindow.document.execCommand(command, false, null);
this.props.iframes.bodyBox.contentWindow.document.execCommand(command, false, null);
this.props.iframes.footerBox.contentWindow.document.execCommand(command, false, null);
}
此外,我的所有三个iframe都存储在redux中,所以我怀疑这里有某种问题,因为iframe被更改了,但是我的redux状态没有?不知道我是否应该尝试找出将这些函数调用放入我的reducer中的怪异方法。