Summernote lite several images

[sylvainbaron]

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

[brad]

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.

[sylvainbaron]

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.

[Teodor]

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

[sylvainbaron]

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)

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

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

Any idea?

Thank in advance

[Teodor]

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.

[sylvainbaron]

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

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

[Teodor]

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:

Using Summernote WYSIWYG Editor

Summernote is a simple to configure and easy to use WYSIWYG Editor available in Wappler. You can use it to format text/content and send it to the server side for example insert/update record. Inserting Summernote on your page You can use Summernote with a form or without a form. Using Summernote with a form In most of the cases you will be using Summernote with a form, in insert and update record forms. You can add Summer Note in your form using the Summernote Textarea component, located in…

[sylvainbaron]

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