动态添加ueditor

Question

点击添加按钮动态生成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();

Answer 1

LZ,这个问题解决了吗?怎么解决的,求啊啊啊啊啊 啊啊啊

Answer 2

楼主，求救....怎么解决的