Summernote component not found in Bootstrap 5

[NGM]

Hi Teodor, George,

Any thoughts??

Thanks,

Nigel

[Teodor]

We’ve not enabled Summernote component for Bootstrap 5 pages. It natively supports Bootstrap 4, however it should work fine on Bootstrap 5 pages as well, so we will fix this in the next update.
Meanwhile you can just add the Summernote Lite textarea on your page instead of trying to convert the textarea to Summernote component.

[NGM]

Thanks

[s.alpaslan]

still not fixed on wappler 4.0.1

[t11]

Is this fixed? Just had this ‘error’ today.

[t11]

Adding the
is="dmx-summernote" dmx-bind:toolbar=""
to an already created textarea fixed the problem

PS First create an empty summernote lite textarea so all relative files are included

[George]

Unfortunately Summernote for Bootstrap is not fully Bootstrap 5 compatible.

You can use the Summernote Lite version, which should work always.

When will it release support for Bootstrap 5?

[brad]

Still no progress on this?

[markoax21]

@brad

Still no progress on this?

@Teodor
I need it too!
Thanks

[Teodor]

You can use Summernote Lite, which works fine with Bootstrap 5.

[markoax21]

I’ve tried before… but it doesn’t work (i don’t even see the toolbars)

In this modal window, Summernote is “Descrizione”

<textarea id="descrizione" class="form-control" name="descrizione" lang="it-IT" disable-drop="true" dmx-bind:height="350" required="" data-msg-required="Obbligatorio" dialogs-in-body="true" dmx-bind:rows="15" is="dmx-summernote" dmx-bind:toolbar="[['style',['style']],['font',['bold','underline','clear']],['fontname',['fontname']],['color',['color']],['para',['ul','ol','paragraph']],['table',['table']],['insert',['link','picture','video']],['view',['fullscreen','codeview','help']]]"></textarea>

[brad]

I find after adding a summernote lite text area I need to do a full publish for it to work. Give that a try.

[Teodor]

I see no issues with the Summernote Lite added in a modal on a Bootstrap 5 page:

You can check the browser console for errors.

[Hyperbytes]

If you add summer note lite directly everything works OK, if you try to convert a text area to a summernote area you sill get error brad showed.

[markoax21]

@hyperbytes Your error I have it also if I insert directly Summernote in my form

[Teodor]

You can’t convert a text area to summernote, as summernote is not compatible with Bootstrap 5.
You just need to add the component added Summernote Lite Text Area from the components insert menu.

[bpj]

Then maybe the option shouldn’t be available for BS5 projects? It does get confusing…

[markoax21]

Yes, I also tried to add directly the component, but it appears like that

If it’s not compatible with BS5, consider that I don’t have to use Summernote, I just need to have any editor

[Teodor]

@markoax21

also tried to add directly the component, but it appears like that

Well … have you checked it in the browser, as you can see from my post - it works fine in Bootstrap 5 project.
If it’s not working for you for some reason then there’s something on the page causing this …

[markoax21]

Yes that’s right. Seems it was a problem with that row

<script src="dmxAppConnect/dmxFormatter/dmxFormatter.js" defer=""></script>

Now I should have solved