Problems using Summernote on SPA content page

OS info

  • Operating System : Windows 10.0.17763
  • Wappler Version : 2.9.1

@nshkrsh FYI
Problem description

I created normal php file and added summernote component from component picker. Wappler has added three below files and summernote worked properly.

But when i do same inside the route file, wappler adds only this file, and remaining two cdn files are not added and summernote not works.

I have this exact same issue today.

Current set-up : SPA Pages, Windows 10, MySQL, PHP
Wappler Version : 3.03

I manually copied and pasted these lines into the parent page of my SPA and all works OK.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/summernote/dist/summernote-bs4.min.css" />
<script src="https://cdn.jsdelivr.net/npm/summernote/dist/summernote-bs4.min.js"></script>
<script src="../dmxAppConnect/dmxSummernote/dmxSummernote.js" defer=""></script>
<script src="../dmxAppConnect/dmxSummernoteFileUpload/summernote-upload.js" defer=""></script>

Did you insert summernote as a new component from the context menu- or did you convert an existing textarea to summernote from the property inspector?

At first I tried to convert an existing textarea field, that didn’t work. The resultant page went blank. I then tried adding a new component from Add New Component but again resultant page went blank.

I tried several things, including scratching my head, but couldn’t get it to work. Did a search on here and came across this post. I did the “create a new page and add Summernote component”. That worked on a fresh page. Found the Summernote bits (JS and CSS files), copied them into my page and everything then worked.

I wonder if my set-up has old/outdated files, such as in the dmxConnectLib folder.

The page going blank is a different issue - it happens when the includes are not in the right order but those are fixed on save, so a simple save + design view refresh should usually help.

The original problem here was that the external includes are not being added to the main page and I’m trying to determine if it was on adding the component from the context menu or converting existing text area.

Sorry, to be clear, in the two scenarios I mention above, neither of the following links were added to the parent page.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/summernote/dist/summernote-bs4.min.css" />
<script src="https://cdn.jsdelivr.net/npm/summernote/dist/summernote-bs4.min.js"></script>

Only when I created a new single php page and added the Summernote Component did all 4 links get added.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/summernote/dist/summernote-bs4.min.css" />
<script src="https://cdn.jsdelivr.net/npm/summernote/dist/summernote-bs4.min.js"></script>
<script src="../dmxAppConnect/dmxSummernote/dmxSummernote.js" defer=""></script>
<script src="../dmxAppConnect/dmxSummernoteFileUpload/summernote-upload.js" defer=""></script>

I then copied these to the parent page and all was OK.

Hope that makes sense.

This has been fixed in Wappler 3.1

This topic was automatically closed after 47 hours. New replies are no longer allowed.