0
I believe I am very bad with js and its derivatives. But I will try to detail to the maximum my error.
I have a navbar with two options.
<ul class="nav nav-tabs" data-tabs="tabs">
<li class="nav-item">
<a class="nav-link" href="#desktop" data-toggle="tab">
<i class="material-icons">desktop_mac</i> Versão Desktop
<div class="ripple-container"></div>
<div class="ripple-container"></div>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#mobile" data-toggle="tab">
<i class="material-icons">phonelink_setup</i> Versão Mobile
<div class="ripple-container"></div>
<div class="ripple-container"></div>
</a>
</li>
</ul>
Each item of this "ul" will open a following tab-pane:
<div class="tab-content">
<div class="tab-pane" id="desktop">
<div class="summernote">summernote 1</div>
</div>
<div class="tab-pane" id="mobile">
<div class="summernote">summernote 2</div>
</div>
</div>
Then I make the call
<script>
$(document).ready(function () {
$('.summernote').summernote({
disableDragAndDrop: true,
shortcuts: false,
toolbar: [
// [groupName, [list of button]]
['style', ['bold', 'italic']],
['para', ['ul', 'ol']],
],
placeholder: 'Escreva aqui os termos de uso da versão Desktop',
height: 400,
airMode: false,
});
});
</script>
My problem: is that when loading the page summernote is leaving a type of Toolbar in the upper left corner of the page, as shown in the following image:
It loads two toolbars, as if they were the ones I want to call solely on my panels.
By clicking on each of the panels summernote normally opens at the position and as I want. See following img:
Could someone help?
From what I’ve noticed in my research, it’s a summernote Issue with bootstrap 4. By default it ends up calling that frame called propover. The following code snippet ended up adjusting the error Popover: { image: [], link: [], air: [] },, anyway thanks a lot for the help!
– Guto G