Javascript summernote airMode在div中工作不正常

只是想知道为什么顶部div中的airMode可以工作，但在我生成的div中却不能工作

html:

用airMode初始化

javascript:

$('#airnote').summernote({airMode: true
});
$('#div1').summernote({
airMode: true
});
var textbox = $("#textbox");
var div1 = $("<div id='div1'>Initialized with airMode</div>");
$("#change").click(function() {
if ($("#textbox").length === 1) {
div1.val(textbox.val());
textbox = textbox.replaceWith(div1);
} else {
textbox.val(div1.val());
div1 = div1.replaceWith(textbox);
}
});

$（'#airnote'）.summernote（{airMode:true）
});
$（'#div1'）。summernote({
airMode:true
});
var textbox=$（“#textbox”）；
var div1=$（“使用airMode初始化”）；
$（“#更改”）。单击（函数（）{
如果（$（“#文本框”）.length==1）{
div1.val（textbox.val（））；
textbox=textbox.replaceWith（div1）；
}否则{
val（div1.val（））；
div1=div1.replaceWith（文本框）；
}
});

这是因为当您试图初始化summernote时，

#div1

不存在。追加新元素后，需要初始化summernote：

$("#change").click(function() {
if ($("#textbox").length === 1) {
 div1.val(textbox.val());
 textbox = textbox.replaceWith(div1);
  $('#div1').summernote({
     airMode: true
 });
} else {
 textbox.val(div1.val());
 div1 = div1.replaceWith(textbox);
}});

$("#change").click(function() {
if ($("#textbox").length === 1) {
 div1.val(textbox.val());
 textbox = textbox.replaceWith(div1);
  $('#div1').summernote({
     airMode: true
 });
} else {
 textbox.val(div1.val());
 div1 = div1.replaceWith(textbox);
}});