Я использую response-tinymce, и его свойство onChange не работает должным образом, оно вызывает только несколько событий, я хочу вызвать его для события onKeyup - PullRequest
Новая
       150

Я использую response-tinymce, и его свойство onChange не работает должным образом, оно вызывает только несколько событий, я хочу вызвать его для события onKeyup

0 голосов
/ 21 января 2020

Я строю проект React, по какой-то причине я использую act-tinymce , но он не работает должным образом, я хочу получить последний контент из его onChange prop, пожалуйста, помогите, как получить последнее содержимое события onKeyup.

Вот мой код 

import React from 'react';
import ReactDOM from 'react-dom';
import TinyMCE from 'react-tinymce';

const App = React.createClass({
  handleEditorChange(e) {
    console.log(e.target.getContent());
  },

  render() {
    return (
      <TinyMCE
        content="<p>This is the initial content of the editor</p>"
        config={{
          plugins: 'autolink link image lists print preview',
          toolbar: 'undo redo | bold italic | alignleft aligncenter alignright'
        }}
        onChange={this.handleEditorChange}
      />
    );
  }
});

ReactDOM.render(<App/>, document.getElementById('container'));

1 Ответ

1 голос
/ 21 января 2020

TinyMCE имеет большой набор событий, которые вы можете использовать для взаимодействия с редактором. Они задокументированы здесь:

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

Если вы хотите получать уведомления при каждом нажатии клавиши, есть события, связанные с клавишей, которые вы можете использовать. Событие onChange не срабатывает при каждом нажатии клавиши по соображениям производительности.

В документации по интеграции React / TinyMCE приведен пример использования этих событий:

https://www.tiny.cloud/docs/integrations/react/#eventbinding

<Editor onKeyDown={this.handlerFunction} />
...