//在页面加载完之后加载jquery  如果下面加一个信息项，那么这里也要对应加一个   $().ready(function(e) {          //拖拽复制体       $("#set1 div").draggable({            helper:"clone",            cursor: "move"       });        $("#set2 div").draggable({            helper:"clone",            cursor: "move"       });//释放后 对id及相关的属性进行设置       $('div[id^="r_set"]').droppable({            drop:function(event,ui){                            var moveId =ui.helper.context.getAttribute('idd');                moveIdobj = document.getElementById(moveId);                 if (moveIdobj){                     //自定义区域已存在                }else{                    var source = ui.draggable.clone();                    source.attr("id",moveId);                    $('', {                            src: '<%=request.getContextPath()%>/common/image/btn_delete.png',                            id: 'img',                            name:'img',                            click: function() {                              source.remove();                            }                        }).appendTo(source);                    var top=ui.offset.top + 'px';                    var left=ui.offset.left + 'px';                    $(this).append(source);                                        $('#'+moveId).css({"position":"absolute" , "top":top ,"left":left,"font-size":'40px',"color":'#3f3631',"font-family":'宋体',"line-height":'40px'});                    $('#'+moveId).draggable({helper:"original"});                }                                        }            });     });
        
    
    
    
    
    
        
     
            
      
信息项
            
      
        //li内是编写拖拽的内容，id不能重名                
       
                    
信息1
                    
        
                        
         
          1
         
                         
         
          1
         
                
        
                 
       
                    
信息1
 
        
 
         
          1
         
 
         
          1
         
 
        
            
      
        
     
    
    
 //这里是div拖拽区域，用于把拖拽的内容存储起来 //page-break-inside: avoid; 是为了多图片pdf分页         
    
                 
              
    

    
        
    
     ###jspContent###
    

String Modelpath = htmlpath + "/el/elManage/temp/temp.html"; //模板文件地址        FileInputStream fileinputstream = new FileInputStream(Modelpath);//读取模块文件         int lenght = fileinputstream.available();         byte bytes[] = new byte[lenght];         fileinputstream.read(bytes);         fileinputstream.close();         String templateContent = new String(bytes);         //jspContent 存储得到数据库中的内容        templateContent=templateContent.replaceAll("###jspContent###",jspContent); //替换掉模块中相应的地方                 //形成一个唯一的文件名   有可能大家没有UUID这个方法，大家随表取一个名字就可以。        String uid = UUID.getUID();        String fileame = uid +".html"; //生成的html文件保存路径         FileOutputStream fileoutputstream = new FileOutputStream(path + fileame);//建立文件输出流        byte tag_bytes[] = templateContent.getBytes("UTF-8");         fileoutputstream.write(tag_bytes);         fileoutputstream.close();