Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Image upload doesn't work with redux

See original GitHub issue

 <ReactSummernote
      value={this.props.currentPost.text}
         options={{
                lang: 'ru-RU',
                   height: 350,
                dialogsInBody: true,
                  toolbar: [
                               ['style', ['style']],
                                 ['font', ['bold', 'underline', 'clear']],
                                 ['fontname', ['fontname']],
                                ['para', ['ul', 'ol', 'paragraph']],
                                 ['table', ['table']],
                                 ['insert', ['link', 'picture', 'video']],
                                 ['view', ['fullscreen', 'codeview']]
                           ]
                   }}
       onChange={this.onChange.bind(this, "text")}
  />

Use the simple example. All text and inserts like tables and lists work good, but imageUpload, I mean base64 uploader doesn’t work at all.

Could you help with this? Thanks

Issue Analytics

State:
Created 6 years ago
Comments:7

Top GitHub Comments

6reactions

Dunkatcommented, Nov 9, 2017

There is onImageUpload function, where you can insert image as a base64

<ReactSummernote
      value={this.props.currentPost.text}
         options={{
                   height: 350,
                dialogsInBody: true,
                  toolbar: [
                               ['style', ['style']],
                                 ['font', ['bold', 'underline', 'clear']],
                                 ['fontname', ['fontname']],
                                ['para', ['ul', 'ol', 'paragraph']],
                                 ['table', ['table']],
                                 ['insert', ['link', 'picture', 'video']],
                                 ['view', ['fullscreen', 'codeview']]
                           ]
                   }}
       onChange={this.onChange.bind(this, "text")}
       onImageUpload={this.onImageUpload}
  />

 onImageUpload = (fileList) => {

	const reader = new FileReader();
	reader.onloadend = () => {
		ReactSummernote.insertImage(reader.result);
	}
	reader.readAsDataURL(fileList[0]);

}

0reactions

france05-maxcommented, May 28, 2020

I have a two react-summernote in one component, everytime i upload a image on technicalspecs the image will go the description . someone can help with this error ? btw the description its already good only technical specs .