Javascript 如何计算summernote div中的图像数？

我有一个summernote div，我想计算可编辑的summernote div上插入的图像数。我正在使用回调和JQuery的

find（）

方法。但是

console.log

在我有超过0个图像时返回0

这是我的剧本

HTML

<div id="summernote"></div>

当用户在

中更改某些内容时，如何计数图像

事件有一个参数：内容。此参数包含summernote中的html源代码。您可以通过以下方式获得相同的html：

因此，您需要从以下位置进行更改：

var imageCount = $("#summernote").find('img').length;

致：

片段：

$（'#summernote'）。summernote({
占位符：“Hello bootstrap 4”，
tabsize:2，
身高：400，
回调：{
onChange：功能（内容）{
var imageCount=$（contents）.find（'img'）.length；
console.log（“img计数：”+imageCount）；
}
}
});
我认为您的summernote版本不支持jquery自定义事件样式。所以你可以试试这个：

$('#summernote').on('summernote.change', function(we, contents, $editable) {
    var count = $(contents).find('img').length;  
    console.log('images number : ' + count);
});

参考：

var imageCount = $("#summernote").find('img').length;

var imageCount = $(contents).find('img').length;

$('#summernote').on('summernote.change', function(we, contents, $editable) {
    var count = $(contents).find('img').length;  
    console.log('images number : ' + count);
});