Node.js version summernote kills wappler editor design view

Wappler Version : 3.0 beta 1
Operating System : MAC Catalina 10.15

Expected behavior

Turning a multi-text field into a summernote editor should just show editor.

Actual behavior

Turning a multi-text field into a summernote editor kills the design view of the Wappler editor and makes it blank.

It works in preview mode in the browser and the following warning was observed.

Source map error: Error: request failed with status 404
Resource URL: http://localhost:3000/dmxAppConnect/dmxSummernote/dmxSummernote.js
Source Map URL: ../maps/dmxSummernote.js.map

How to reproduce

Create a multi-text form group and turn into a summernote editor.

It kills the design view.

 <div class="form-group">
    	<label for="textarea1">Your text</label>
    	<textarea id="textarea1" class="form-control" 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>
    	<small id="textarea1_Help" class="form-text text-muted">Enter your large text here.</small>
</div>
1 Like

Same thing happening here on Windows 10 PC. No errors, just blank page

@web-works probably a js include is missing in the page head tags.
Please try adding the summernote directly and compare the scripts added with the ones added when converting a text area to a summernote editor.

Adding summernote directly will add:

 <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"></script>

Converting textarea to Summernote will add the same. In both cases I end up with a blank page.

Please check the design view for errors (bottom left).
Also what page are you adding this on? Is it working in your browser?

Found it. The page was using Bootstrap 4 Local for some reason. Changed it to Bootstrap 4 CDN. All working now.
Tks.