Summernote does not appear when using SPA

Wappler General Bugs
#1

Wappler Version : 3.3.3
Operating System : Catalina

When displaying a routed page within its root page, the page is displayed but the textarea field(s) using Summernote do not display the Summernote toolbar. Displaying the page by itself does show the Summernote toolbar.

  1. Create a Home page with a navbar containing a link.
  2. Create a content page with a textarea field and add Summernote.
  3. Display the content page in your browser to confirm its appearance.
    a. Note that the Summernote toolbar appears in the textarea field.
  4. Create a SPA routing.
  5. Associate the content page to the home page.
  6. Display the Content Page within the Home Page.
    a. Note that Summernote toolbar does not appear in the textarea field.
#2

Looks like you are misconfiguring SPA.
In step 3, if its a content page it will not render summernote in browser directly. It can only work when used inside a main page.
This is because by definition content page does not have and js or css references.

Create a new main page. Add a new route and create a new page from there. This will create that page as a content page.
Theb, when you add summernote to content page, you should see that main page gets updated with references to summernote js and css.

If this part does not happen, then that is the bug which I think is already reported.

Workaround for that is to just add summernote in main page so that references get added and then remove the html element from main page. Don’t remove the references.

#3

You need to first associate your content page to the main page, before adding components like summernote. So then their required includes go automatically to the main page.

Yes @sid all bugs related to this are solved some time ago.

1 Like