Как загрузить изображение в редактор форматированного текста Quill через модуль quil-image-uploader

Question

Я столкнулся с проблемой при попытке загрузить изображение на quil-react через q uil-image-uploader . По какой-то причине, если вы используете редактор с управляемым компонентом реакции и обновляете значение с помощью функции onChange для response-quill, что-то тормозит.

Из console.logs я решил, что изображение застревает в представлении base64, а затем не достигает следующего шага удаления и повторной вставки как тега img.

Вот разветвленная версия песочницы кода

Если вы попытаетесь загрузить изображение не будет работать.

Большое спасибо за вашу помощь! Если я полностью упускаю что-то очевидное, пожалуйста, направьте на это эту бедную душу, ха-ха :)

Answer 1

Вы помещаете div в ReactQuill, что вызывает проблему. Сделайте это так:

    render() {
    return (
      <div>
        <ReactQuill
          theme="snow"
          modules={this.modules}
          formats={this.formats}
          value={this.state.text}
          onChange={(content) => {
            this.setState({ text: content });
            console.log(content);
          }}
        />
      </div>
    );
  }