点击添加按钮动态生成ueditor,在第一个编辑框内编辑内容,点击添加生成第二个编辑框时,第一个编辑框中的内容就没有了,这是怎么回事
添加前:
添加后:
添加调用的就是add 方法
html:
<div class="col-md-6">
<div class="col-md-12" id="editor"></div>
</div>
js:
var editor = {
container: document.getElementById('editor'),
ueArr: [],
count: 0,
data: [],
add: function () {
this.container.innerHTML +=
" <div class=\"portlet box green-meadow editorBox\">" +
"<div class=\"portlet-title\">" +
"<div class=\"caption\">" +
"<i class=\"icon-user font-white\"></i>" +
"<span class=\"caption-subject font-white sbold uppercase\">添加问题</span>" +
"</div>" +
"</div>" +
"<div class=\"portlet-body \">" +
"<form action=\"#\" class=\"form-horizontal form-bordered\">" +
"<div class=\"form-group\">" +
"<label class=\"col-md-3 control-label\">问题</label>" +
"<div class=\"col-md-9\">" +
"<input type=\"text \" class=\"form-control autosizeme\" placeholder=\"请输入问题\" name=\" value=\">" +
"</div>" +
"</div>" +
"<div class=\"form-group last\">" +
"<label class=\"col-md-3 control-label\">答案</label>" +
"<div class=\"col-md-9\">" +
"<script id=\"contanier" + this.count + "\" name=\"content\" type=\"text/plain\"><\/script>" +
"</div>" +
"</div>" +
"<div class=\"form-actions\">" +
"<div class=\"row\">" +
"<div class=\"col-md-offset-3 col-md-9\">" +
"<button type=\"submit\" class=\"btn red\"><i class=\"fa fa-check\"></i> 提交</button>" +
"<button type=\"button\" class=\"btn default btnDel \" onclick=editor.del(event)>删除</button>" +
"<button type=\"button\" class=\"btn green\" onclick=editor.add()><i class=\"fa fa-plus\"></i> 添加</button>" +
"</div>" +
"</div>" +
"</div>" +
"</form>" +
"</div>" +
"</div>"
var id = "contanier" + this.count;
var ue = UE.getEditor(id);
this.ueArr.push(ue);
this.count++;
},
del: function (event) {
var target = event.currentTarget;
var temp = Array.prototype.slice.call(document.getElementsByClassName('btnDel'))
var parent = this.container;
var index = temp.indexOf(target);
var child = document.getElementsByClassName('editorBox')[index];
this.ueArr[index].destroy();
this.ueArr.splice(index, 1);
parent.removeChild(child);
}
}
editor.add();
LZ,这个问题解决了吗?怎么解决的,求啊啊啊啊啊 啊啊啊