Summernote questions

configuring the popover toolbars comes soon, it is already in the code, just missing in the Wappler UI.

dmx-bind:toolbar-air="[['color', ['color']],['font', ['bold', 'underline', 'clear']]]"

If you want to go realy advanced, you can do any config you want:

<script>
  dmx.global.set('editorConfig', {
    placeholder: 'Hello summernote',
    tabsize: 2,
    height: 200,
    toolbar: [
      ['style', ['style', 'cleaner']],
      ['font', ['bold', 'underline', 'clear']],
      ['para', ['ul', 'ol', 'paragraph']],
      ['table', ['table']],
      ['insert', ['link', 'picture', 'video']],
      ['view', ['fullscreen', 'help']]
    ]
  });
</script>
<textarea is="dmx-summernote" id="editor" dmx-bind:config="editorConfig"></textarea>

Ofcourse we will try to make it you easy and most options will become available on the UI within Wappler.

4 Likes