How to display dynamic data inside a Summernote Lite Textarea

Wappler General How To
#1

Hi,

I have a Summernote field in a form in a modal.

I’ve tried using the Dynamic Attribute for both Inner Text and HTML but whatever I do - no data is shown inside the Summernote.

Any ideas?

@Teodor tagging as this ones a little urgent, I hope you don’t mind.

#2

Well just use dynamic value for it :slight_smile:

#3

Thanks Teo, I don’t have that option in the UI so just wrote it manually and it’s working.

#4

I’m having the same problem, changed a textarea with a dynamic attribute value to a Summernote Lite and there is no value option under dynamic attribute…

#5

Yes @Teodor, I noticed that when doing a video, the option to add a dynamic value is missing. Got around it by copying a value assignment from another field and editing it.

#6

I have done the same and you’re right it works!

On another note, how do I display text created using Summernote, if I simply use a text data binding it shows all the html summernote creates?

#7

You use an html binding, not a text one

#8

Is this not fixed yet? (Ugh) I’m having the same issue

#9

What exactly are you having problems with? As far as I have experienced Summernote works as it should?

#10

If you add a summernote text region and check the dynamic attributes, value is missing from the input attributes

#11

Me too!

#12

Not sure i understand what exactly is missing, but in order to use dynamic values with Summernote just add Dynamic Attributes > Summernote > Value:

Screenshot 2024-03-16 at 0.51.07
Screenshot 2024-03-16 at 0.51.07370×676 37.2 KB

#13

For some strange reason the summernote option does not always appear

image
image447×707 52.9 KB

summernote in general seems glitchy

2 Likes
#14

@Teodor

please try these files and see if you experience the same issue:

layout-page-smtest.zip (741 Bytes)
content-page-summertest.zip (625 Bytes)

#15

Seem to have tracked down issue, missing value attribute only missing in old Summernote lite variant.

New BS5 component has value attribute

Medium editor or Summernote in Modul
#16

I followed a tutorial video to implement Summernote, but it didn’t work for me. I tried many different ways including manually writing the code to no avail. However, once I read through this chat and applied @Teodor’s method of adding Form and then Summernote to my index page, it work.

When I switched over to my ‘pagecontent’ page, I noticed Summernote was functioning there as well, even though I hadn’t made any edits to that page.

Using version 6.4.0