Summernote lite several images

Wappler General How To
,
#1

Hi everybody,
(best wishes for this new year)

I’m working on a documentation feature for my app.
I need to register html blocs including text and images.
I used summernote lite > this works (bit buggy) and I can register html but i can insert only 1 image.
Every time I try to upload more than 1 image the html is cut off without any image.

Any idea.
Thanks

#2

I don’t know the answer but I know that setting my database field to varchar instead of text has got me a few times. Varchar limits characters to 255 by default. Maybe you are simply running out of characters. Again just guessing from experience.

#3

Thanks brad for your insight.
I experienced the same then changed the string to text.
The problem seems coming from the base encoding with several images.

#4

Can you please show some example of what the exact issue is?

#5

Hi,
Thanks for your answer.

strange behavior

I use this form to create a tuto without image or with only one > this works perfectly

Then I want to create a tuto with 2 (or more images)

Capture d’écran 2024-01-11 à 08.53.25
Capture d’écran 2024-01-11 à 08.53.251710×1666 230 KB

This upload only the first one and cut the data at the beginning of the second image

Capture d’écran 2024-01-11 à 08.54.08
Capture d’écran 2024-01-11 à 08.54.082096×1282 358 KB

Should I use Multiple property and a repeat in my upload serverconnect?

Capture d’écran 2024-01-11 à 08.59.28
Capture d’écran 2024-01-11 à 08.59.283060×1266 344 KB

Any idea?

Thank in advance

#6

I see you are reporting a few non-related issues here. Please post different issues in different topics! It’s really hard to follow the topic when you are jumping from topic to topic!

My question was only related to the initial issue reported here, which you call “the html is cut off”.
All i asked is you to provide an example of the html code that is being “cut off” in the database. Also, how do you upload/insert the images in summernote exactly? Is it following the tutorial about summernote image upload? Or is it something else you are doing?

For the other issues, please create separate topic explaining the issues in details.

#7

Hi Teodor,
I just updated my previous edit focused on the html issue.

All i asked is you to provide an example of the html code that is being “cut off” in the database. Also, how do you upload/insert the images in summernote exactly?

Next the content

Capture d’écran 2024-01-11 à 10.24.32
Capture d’écran 2024-01-11 à 10.24.32846×744 31.5 KB

Capture d’écran 2024-01-11 à 10.23.09
Capture d’écran 2024-01-11 à 10.23.092804×728 195 KB

tuto content test 2 with 2 imagesdqfqsfdqsdf<img style="width: 25%;" src="data:image/png;base64,iVBORw0KGgoA [...] GD/H0LLlK4kN0Wy4jR07FuUQwsGmTR

I cutted the base 64 data because it’s too long to register the topic answer

Is it following the tutorial about summernote image upload? Or is it something else you are doing?
I think I did

#8

Well you are directly embedding the the base64 image in the summernote, which means that this is thousands of symbols, which means that you most probably hit the database field max chars.
It’s not a great idea to embed base64, you should upload images like explained here:

#9

Ok, i’ll try this.
Thanks for the advice!