编辑时根据获取的信息进行回显操作

 
let iseditor=GetQueryString("data");
function GetQueryString(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
        var r = window.location.search.substr(1).match(reg);
        if (r != null) return decodeURI(r[2]);
        return null;
    }
//根据iseditor是否存在来判断是修改 还是 新增 
现在是内容修改时
1  对于radio，input 标签的回显
 if(!!iseditor){
        urldata= JSON.parse(iseditor.replace(/'/g,'\"'));
        type=urldata.type;
        parentid=urldata.parentid;
        if(!!urldata.id){
            id=urldata.id;
			 $(":radio").each(function () {
			     let obj = $(this);
			       obj.removeAttr("checked");
			       let name = obj.attr("name");
			       let value = obj.attr("value");
			       if (!!name && !!urldata[name] && value==urldata[name]) {
			           let val = urldata[name];
			           $(":radio[value=" + val + "][name=" + name + "]").click();
			           $(":radio[value='0'][name='inBanner']").click();
			       }
			   });
			   $("input[type!='radio'],select").each(function () {
			       let obj = $(this);
			       let name = obj.attr("name");
			       if (!!name && !!urldata[name]) {
			           obj.val(urldata[name]);
			       }
			   });
       }
  }
2  对于图片的回显
   //如4中请求成功后，的图片回显
3  对于视频的回显
  $.ajax({
         url: '/public/'+id,//请求路径
         type: "get",
         dataType: "json",
         data: {
         },
         success: function (data) {
        // data.modular.content 其实就是视频链接
 $("#file_content").val(data.modular.content);//视频内容回显存储
 var liststr="<div id=\"a1\" style='height: 100px;width: 200px;margin-left: 189px;'></div>\n" +
      "<script type=\"text/javascript\" src=\"assets/libs/modular/index/js/ckplayer.js\" charset=\"utf-8\"><\/script>\n" +
      "<script type=\"text/javascript\">\n" +
      "var flashvars={\n" +
      "f:'${request.contextPath}/tv/tv1.flv',\n" +
      "c:0\n" +
      "};\n" +
      "var params={bgcolor:'#FFF',allowFullScreen:true,allowScriptAccess:'always',wmode:'transparent'};\n" +
      "var video=['" +data.modular.content+ "'];\n" +
      "CKobject.embed('${request.contextPath}/ckplayer/ckplayer.swf','a1','ckplayer_a1','200','100',false,flashvars,video,params);\n" +
      "<\/script>\n"
  $("#showupvideo").html(liststr)
})
4  对于内容里有加下载附件的回显
if(urldata.contenttype=="content"){//文本内容修改
    $.ajax({
         url: '/public/'+id,//请求路径
         type: "get",
         dataType: "json",
         data: {
         },
         success: function (data) {
       $('#showupimgcontents').attr('src',urldata.img);//回显图片
       $('#file_content_cover').val(urldata.img)//如果没有修改图片，得将图片暂存起来，
             setTimeout(function(){//定时器的作用 是因为要往编辑器回显内容，但因为ajax是异步的，所以
                 if(!!data.modular.content){
                 //上传附件时，是将内容+拼接上上传的附件，回显的时候得将内容和附件分开
                     var splitContent=data.modular.content.split(/<br><c id="fenkai">/)
                     editor.html(splitContent[0]);//截取的第一部分回显到编辑器中，对于editor的使用放到下篇文章去描述
                     if(splitContent.length==2){
                     //如果内容中有上传附件，将其放到页面
                         $('.upfujianlist').html(splitContent[1])
                         //点击下载附件  去掉
                         $('.fujianli strong').remove()
                         //在将内容+拼接上上传的附件时，移除了button删除按钮，回显时需要再加上
                         $('.fujianli').append( "<button type=\"button\" class=\"layui-btn remove\">\n" +
                             "    删除选项\n" +
                             "    </button>\n")
                     }
                 }

             },100)

         },
         error: function (data) {
         }
     });

 }

上传附件操作

var uploadInst2 = upload.render({//模块图片
    elem: '#upfujian'
    ,url: '/ass/sss?token='+getToken() //改成您自己的上传接口
    ,data: {"filetype": "file"},
    accept:'file'
    ,done: function(res){
        //上传成功
        if(res.code==200){
            layer.msg('上传成功');
            // 附件需要 res.file_code res.file_name 
            var file= '/ass/sss/baseGetFile/'+res.file_code//file_code='134'
            //同样上传附件为异步请求，得等到数据拿到之后才能append
            setTimeout(function () {
                if($('.upfujianlist button').size()<5){
                    $('.upfujianlist').append("<div class=\"fujianli\">\n" +
                    //此处的downloFile('134')就是下载文件，会在文章显示显示，
                        "<a οnclick=\"downloFile("+res.file_code+")\" src=\""+file+"\" style=\"display: inline-block; height:41px;text-decoration: underline;\n" +
                        "color: #4d32e4\">\n" +
                        ""+res.file_name+"</a>\n"+
//在上传附件的内容与编辑器内容拼接时，需要移除button按钮，也就有了上面回显时，添加上button按钮
                        "    <button type=\"button\" class=\"layui-btn remove\">\n" +
                        "    删除选项\n" +
                        "    </button>\n" +
                        "    </div>\n"
                    )
                }
            },800)
        }
        //如果上传失败
        else{
            return layer.msg('上传失败');
        }
    }
    ,error: function(){
        return layer.msg('上传失败');
    }
});
  $('.remove').live('click',function(){
       $(this).parent('div').remove();
   });