TinyMCE с ReactJs — событие onChange срабатывает только один раз
Я использую tinyMCE с моим приложением reactjs. Событие onChange сработает один раз, правильно отражая входные данные в предупреждении. Тогда я ничего не получу.
Вот соответствующий код:
<Editor init = {{
statusbar: false,
menubar: false,
}}
onChange = {this.SetText}
/>
Метод onChange:
SetText(e) {
alert(e.target.getContent());
}
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
Может быть, одно из этих событий проходит лучше, чем onChange?
- KeyDown — срабатывает при нажатии клавиши в редакторе.
- KeyPress — срабатывает при нажатии клавиши в редакторе.
- KeyUp — срабатывает при отпускании клавиши в редакторе.
https://www.tiny.cloud/docs/advanced/events/
Я думаю, что вы можете изменить состояние с помощью событий tinyMCE. Но вы должны связать свою функцию в конструкторе (или использовать функцию массива), чтобы получить контекст компонента в методе события.
Да. Что ж, через некоторое время попробую. Если это окажется жизнеспособным, и никто не сможет ответить, почему onChange срабатывает только один раз, я отмечу вас для решения. Спасибо
На самом деле событие, которое вы используете, неверно. Для плагина reactJs у них есть onEditorChange. Вы можете использовать его следующим образом
<Editor
apiKey = "MyAPIKey"
initialValue = ""
init = {{
height: 500,
menubar: false,
plugins: [
'advlist autolink lists link image charmap print preview anchor',
'searchreplace visualblocks code fullscreen',
'insertdatetime media table paste code help wordcount'
],
toolbar:
'undo redo | formatselect | bold italic backcolor | \
alignleft aligncenter alignright alignjustify | \
bullist numlist outdent indent | removeformat | help'
}}
onEditorChange = {this.onChange}
/>
а затем вы можете получить доступ к содержимому редактора, используя
onChange = (content) => {
console.info(content);
}
e.target не требуется
В итоге я обратился к другому редактору, но только сейчас понял, что вы дали правильный ответ. Спасибо
Что ж, я думаю, что при изменении состояния я должен придерживаться нативных событий reactjs, не так ли? В любом случае я могу играть с ними, потому что сейчас я в растерянности.