Summernote:如何通过API隐藏内置弹窗?
关闭Summernote内置弹窗的外部JS实现方案
Summernote的公开API文档里没明确给出关闭内置弹窗的示例,但可以针对两种不同类型的弹窗用以下方法解决:
1. 关闭插入链接/图片的浮动弹窗(Popover)
直接调用编辑器实例的hidePopover方法即可:
// 假设编辑器绑定在id为editor的元素上 $("#editor").summernote('hidePopover');
2. 关闭插入视频的模态框(Modal)
这类弹窗基于Bootstrap模态框实现,有两种关闭方式:
方式一:直接操作DOM关闭
// 选中Summernote模态框并隐藏 $('.note-modal').modal('hide');
方式二:调用编辑器内部方法
// 获取编辑器实例对象 const editor = $("#editor").summernote('editor'); // 销毁当前打开的模态框 editor.destroyModal();
如果需要一次性关闭所有可能打开的弹窗,可以组合两种方法:
$("#editor").summernote('hidePopover'); $('.note-modal').modal('hide');
内容的提问来源于stack exchange,提问作者user25054592
相关产品推荐
相关产品推荐

