Summernote 中的下拉链接无法正常工作

编程问答 2022-05-03

问题描述

Summernote 下拉菜单不适用于 Bootstrap 5，请帮助提供以下代码。错误说 Bootstrap 不允许每个元素有一个以上的实例。绑定实例：bs.tooltip。

<html lang="en"><head>
<Meta charset="utf-8">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-bs4.min.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-bs4.min.js"></script>
</head>
<body>
  <div class="row">
  <div class="col-12 mt-3">
    <div id="summernote"></div>
            </div>
          </div>  
</div>
<script>
$(document).ready(function() {
  $('#summernote').summernote(
    {height:300,}
  );

  $('.dropdown-toggle').dropdown();
  });
</script>
</body></html>

Codepen link https://codepen.io/murli-vm/pen/XWpLqpp

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）