Отключите любой пользовательский ввод с помощью библиотеки ReactQuill

Question

Я пытаюсь использовать ReactQuill только для того, чтобы показать какой-то форматированный текст, который у меня есть, и поэтому я не хочу, чтобы он мог получать какие-либо входные данные или вводить текст от пользователя.Причина, у меня есть другая библиотека (ReactAce), и ReactQuill вызывает ошибку, которая, когда я набираю клавишу 'delete', приводит к тому, что ReactAce перестает работать ...

Ниже вы можете увидеть пример, который япытаюсь отключить экземпляр Quill.

quillRef = React.createRef();    

componentDidMount = () => {
  console.log(this.quillRef.current.editor);

  this.quillRef.current.editor.enable(false);   // undefined
};

render () { 
    <ReactQuill
      readOnly
      value={info}
      ref={this.quillRef}
      modules={quillConfig}
    >
}

Если вы знаете какой-либо способ остановить ReactQuill для получения какого-либо ввода с клавиатуры, я был бы рад, потому что я думаю, что это вызывает ошибку.

Спасибо!

Answer 1

Вы можете добавить прослушиватель событий на «keydown» и ref на ReactQuill

this.quillRef.current.addEventListener('keydown', null);