You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.23 23:04:49