动态添加ueditor

点击添加按钮动态生成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();
阅读 5.2k
2 个回答
新手上路,请多包涵

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题