summernote airMode在div中无法正常工作

Question

只是想知道为什么top div中的airMode正在工作，但不是在我生成的那个？

HTML：

 <div id="airnote">
 Initialized with airMode </div>
 <div>
 <input type="text" id="textbox" /><a href="#" id="change">Change</a>
 </div>

的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);
}
});

jsfiddle

Answer 1

这是因为当您尝试在其上初始化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);
}});