我创建了一个 jquery 来使用 ckeditor 5 动态添加新的文本区域。编辑器工作正常但问题是将数据保存到数据库时。它显示空数据。只有第一个编辑器有数据,另一个是空数据
<a href="javascript:void(0)" class="btn btn-success" id="rowAdder"><i class="fa fa-plus" aria-hidden="true"></i> Add</a>
<div class="fieldGroup">
<textarea class="form-control" name="containment_action[]" id="editor" placeholder="">
</div>
<div id="fieldGroupTemplate" style="display:none">
<textarea class="form-control" name="containment_action[]" id="editor" placeholder="">
</div>
$("#rowAdder").click(function() {
var numGroups = $('.fieldGroup').length;
if (numGroups < maxGroup) {
// create new section from template
var $fieldHTML = $('<div>', {
'class': 'row fieldGroup border-top pt-5',
'html': $("#fieldGroupTemplate").html()
});
// insert new group after last one
$('.fieldGroup:last').after($fieldHTML);
// instantiate ckeditor on new textarea
$fieldHTML.find('textarea').ckeditor();
} else {
alert('Maximum ' + maxGroup + ' sections are allowed.');
}
});