layui的富文本编辑器,在弹出层中的使用

在layui框架中使用弹出层添加商品信息使用到富文本编辑器,先写一个textarea标签



   

layui需要在js中启动这个富文本编辑器

layedit.set({
        uploadImage: {
            url: 'uploadGoodsDesc'  //上传地址
            ,type: 'post'
        }
    });

 因为我们是在添加弹出层中使用编辑器的,所以要在弹出层打开之后在生效,例:

上传方法,  例:

@RequestMapping("uploadGoodsDesc")
		    @ResponseBody
		    public String uploadGoodsDesc(@RequestParam("file")MultipartFile mf) {
		        String oldName = mf.getOriginalFilename();
		        String newName= AppFileUtils.createNewFileName(oldName);
		        String dirName= DateUtil.format(new Date(), "yyyy-MM-dd");
		        File dirFile=new File(AppFileUtils.UPLOAD_PATH,dirName);
		        if(!dirFile.exists()) {
		            dirFile.mkdirs();
		        }
		        File file=new File(dirFile, newName);
		        try {
		            mf.transferTo(file);
		        } catch (IllegalStateException | IOException e) {
		            e.printStackTrace();
		        }
		        Map map=new HashMap();
		        Map map2 = new HashMap();
		        map.put("code",0);//0表示成功,1失败
		        map.put("msg","上传成功");//提示消息
		        map.put("data",map2);
		        String path=dirName+"/"+newName;
		        map2.put("src",path);//图片url,这是返回路径,可以写绝对的(回显路径)
		        map2.put("title",oldName);//图片原名称,这个会显示在输入框里
		        JSONObject jsonObject = JSONObject.fromObject(map);
		        String result = jsonObject.toString();
		        return result;
		    }

 

你可能感兴趣的:(前台页面设计,css,javascript)