Cannot add new Summernote toolbar

[Eric_F]

Wappler Version : 5.5.1
Operating System : Windows 10
Server Model: NodeJS
Database Type: SQLite
Hosting Type: Wappler Local

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…

shows you can simply click the plus button to add a new toolbar to Summernote but it doesn’t seem to work

[revjrblack]

Wappler Version : 5.5.1
Bootstrap 5
Operating System : Mac
Server Model: PHP
Database Type: MySQL
Hosting Type: Wappler Remote

I too am having issues with the Summernote Toolbar after update Wappler 5.5.1. The Toolbar is not appearing inside a modal and I have also selected the checkbox: “Use In Modal”

<form id="form_announcement" method="post" class="form" is="dmx-serverconnect-form"> <textarea class="col" id="editor1" name="editor1" 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']]]" dialogs-in-body="true"></textarea> <button dmx-on:click="TBD" class="btn btn-danger w-100">Post Announcement</button> </form>

[Eric_F]

Could be doing something wrong, but I am also having issues loading data into Summernote.

I want to load data from my database into the editor, I don’t see any place for dynamic data so I assume I have to use dynamic attributes.

I tried entering text in Dynamic Attributes for both inner text and inner html but neither work.

does not display anything in the Summernote component on a live page.

[Eric_F]

@Teodor have you had a chance to look into this at all?

Checked again after 5.5.2 and I still can’t add a toolbar or use dynamic data.
I assume @revjrblack is still having his issue as well.

[Eric_F]

Got the dynamic data figured out. There is no option in the UI for value but you can add it to the code manually with dmx-bind:value=

Toolbar still isn’t working with UI but I assume I will be able to add it manually as well.

[revjrblack]

HEAD

TOGGLE BUTTON

MODAL POST

SUMMERNOTE TEXTAREA

[George]

I think two different issues are reported here.

@revjrblack is having a browser issue of the whole editor not being rendered. Maybe check the devtools console for errors.

And @Eric_F having an UI issue in Wappler self. We will investigate this.

[revjrblack]

What kind of browser issues should I be looking for? The images were screenshots while using the Safari browser.

[Teodor]

The initial issue has been fixed in Wappler 5.5.3, if you have a different issue, please post it in a separate topic.