Блог

Я использую TinyMCE в своем приложении reactjs. Событие onChange будет запущено один раз, правильно отражая входные данные в предупреждении. Тогда я ничего не получаю.

Вот соответствующий код:

 <Editor init={{
    statusbar: false,
    menubar: false,
    }}
    onChange={this.SetText}
 />
  

Метод onChange:

 SetText(e) {
    alert(e.target.getContent());
}
  

На самом деле событие, которое вы используете, неверно. Для плагина 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.log(content);
  }
  

e.target не требуется

Может быть, одно из этих событий проходит лучше, чем onChange?

• Нажатие клавиши — срабатывает при нажатии клавиши в редакторе.
• Нажатие клавиши — срабатывает при нажатии клавиши в редакторе.
• KeyUp — срабатывает при освобождении ключа в редакторе.

https://www.tiny.cloud/docs/advanced/events/