Я пытаюсь написать редактор документов в React с моими собственными функциями расширенного текстового редактора. Я разделил свою страницу на верхний, основной и нижний колонтитулы. Для каждой кнопки, нажатой на панели инструментов, execCommand вызывается соответствующим образом. Это работает, но кое-что странное, что я заметил, - то, что execCommand применяется только к первому iframe, который я нажимаю сразу после нажатия моей кнопки, даже при том, что я вызываю функцию 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 хранятся в избыточном, так что я подозреваю, что здесь есть какая-то проблема, так как iframe изменяется, но мое избыточное состояние не? Не уверен, стоит ли мне пытаться найти странный способ поместить эти вызовы функций в мой редуктор.