html表单导出为word文件（内含图片和CKeditor富文本框）
最近在做信息填报网站开发，需要将html页面中的表单信息导出为相应word文档。但是由于我处理的表单中需要使用富文本框上传图片，使用一般的poi无法将富文本框中的图片导出，因此查看网上多方信息，最终使用freemarker模板加java帮助类完成了富文本框图片的导出。下面详细介绍一下具体步骤。
一、制作mht模板。新建一个word文档，按照想要的格式编制文档样式，并在需要导出信息的单元格添加占位符，例如想导出联系人信息，就在相应单元格添加${contactPerson}占位符。富文本框编辑的地方也使用占位符替换，例如企业简介信息，使用${enterpriseIntroduction}替换。
将整个word文档格式调整完成后，转存为单个网页(.mht)格式文件。右击新生成的mht文件，使用word应用打开，查看文件内容是否与刚刚编辑的word文档一致，如果不一致，进行微调后保存。使用文件编辑器(notepad++)打开mht文件则可以查看该网页文件的源码。
二、对刚刚生成的mht源码进行修改。首先对于普通的文本单元格导出，mht源码中已有相应的占位符${contactPerson}，因此不需要进行任何修改，之后在java代码中直接替换为需要导出的字符串即可。
对于富文本框内容替换，mht源码中也已自动生成相应占位符${enterpriseIntroduciton}。但是，由于我们需要导出富文本框中的图片，因此我们还需要在mht文件中添加辅助占位符。由于mht中的图片采用了base64字符串编码，我们需要添加一个图片base64编码占位符${enterpriseIntroductionIMG}，之后在java代码中将这个辅助占位符替换为相应图片的base64编码字符串，一般我会在mht文件中声明header.htm的上面添加该占位符。另外，还需要在mht文件的末尾添加资源引用的占位符${enterpriseIntroductionREF}。如果有多个富文本框，则每个富文本框都对应这三个占位符。
这样mht模板就已经做好了。保存后，我们就可以编写java代码对于模板文件中的占位符进行操作啦~！
三、java编码操作mht文件。我们可以专门建立一个dataUtil类，实现以下函数，便于在多个不同的表单中复用文本导出功能。首先我们需要读取已经设置好的mht模板，并将文件内容作为mht字符串输出。String readIn=readFile(realPath);
/*读取mht文件到字符串
*
*/
public static String readFile(String filepath) throws IOException{
StringBuffer buffer=new StringBuffer("");
BufferedReader br=null;
try {
br=new BufferedReader(new InputStreamReader(new FileInputStream(filepath),"UTF-8"));
buffer=new StringBuffer();
while(br.ready()) {
buffer.append((char)br.read());
}
}catch(Exception e) {
e.printStackTrace();
}
finally {
if(br!=null) {
br.close();
}
}
return buffer.toString();
}之后，替换mht字符串中设置的占位符。对于普通的文本占位符，使用replace函数，将占位符替换为相应表单中填写的字符串。readIn=readIn.replace("${contactPerson}", contact.getContactPerson());对于富文本框内容，读取前台传输过来的富文本编辑器html源码，截取完整的<img/>标签，将src属性中存储的图片转换为base64字符串。使用html源码替换占位符${enterpriseIntroduction}，使用转换好的base64字符串替换${enterpriseIntroductionIMG}，使用对应的格式替换文档末尾的${enterpriseIntroductionREF}。以上步骤通过函数addEditorImageEnterpriseIntroduction实现，该函数的第一个参数为富文本编辑器enterpriseIntroduction字段的html源码，第二个参数为读入的mht模板文件字符串，第三个参数为http请求request。readIn=addEditorImageEnterpriseIntroduction(enterpriseIntroduction,readIn,request);
/*
* 截取富文本编辑器中完整的<img/>标签，并调用方法将其替换为可读取的base64字符串填回富文本编辑器中
* @editorContent 富文本编辑器字符串
* @template 模板字符串
*/
public static String addEditorImageEnterpriseIntroduction(String editorContent, String template, HttpServletRequest request) {
StringBuffer enterpriseIntroduction= new StringBuffer();
StringBuffer enterpriseIntroductionIMG=new StringBuffer();
StringBuffer enterpriseIntroductionREF=new StringBuffer();
if(!"".equals(editorContent)) {
String[] stringSplit_img=editorContent.split("<img");
for(int i=0;i<editorContent.split("<img").length;i++) {
if(i!=0) {
String[] stringSplit_p=("<img"+stringSplit_img[i]).split("</p>");
for(int j=0;j<stringSplit_p.length;j++) {
if(j!=0) {
enterpriseIntroduction.append("</p>"+stringSplit_p[j]);
}else {
//此时stringSplit_p[j]已为完整的<img.../>标签字符串
//截取图片资源路径
for(String s:stringSplit_p[j].split(" ")) {
if(s.startsWith("src=")) {
s=s.replace("src=\"", "");
s=s.replace("\"", "");
//s=s.substring(request.getSession().getServletContext().getContextPath().length());
//拼出文件路径
String imagePath=request.getSession().getServletContext().getRealPath(s);
//调用本类方法将其替换为base64String
String imageStr=getImageStr(imagePath);
enterpriseIntroductionIMG.append("\n"
+"\n"
+"------=_NextPart_01D3F735.15BC5DB0"
+" "
+"\n"
+"Content-Location:file:"
+"///C:/B13469F7/wlw.files/image"
+i
+j
+0
+".jpg"
+" "
+"\n"
+"Content-Transfer-Encoding: base64"
+" "
+"\n"
+"Content-Type: image/jpeg"
+" "+"\n"+"\n"
+imageStr);
enterpriseIntroduction.append("<!--[if gte vml 1]>"
+"<v:shape id=3D"
+ "\"_x56fe_x7247_x0020_50\""
+"o:spid=3D\"_x0000_i1050\""
+"type=3D\"#_x0000_t75\""
+"style=3D\'width:415.2pt;"
+"height:278.4pt;visibility:v="
+"isible;mso-wrap-style:square\'>"
+"<v:imagedata src=3D\"wlw.files/image"
+i
+j
+0
+".jpg\" o:title=3D\"\"/></v:shape>"
+"<![endif]-->");
enterpriseIntroductionREF.append("\n"
+"\n"
+"<o:File HRef=3D\"image"
+i
+j
+0
+".jpg\"/>");
}
}
}
}
}else {
enterpriseIntroduction.append(stringSplit_img[i]);
}
}
}
template=template.replace("${enterpriseIntroduction}", enterpriseIntroduction.toString());
template=template.replace("${enterpriseIntroductionIMG}", enterpriseIntroductionIMG.toString());
template=template.replace("${enterpriseIntroductionREF}", enterpriseIntroductionREF.toString());
return template;
}其中，nextPart和Content-Location处的内容要和mht文件的文件头保持一致，并且三个StringBuffer中jpg的名称必须保持一致。另外，图片转换为base64字符串的方法如下。
/*
* 将图片转存为base64字符串的方法
* @imagePath 文件存储路径
*
* */
public static String getImageStr(String imagePath) {
InputStream in=null;
byte[] data=null;
try {
in =new FileInputStream(imagePath);
data=new byte[in.available()];
in.read(data);
in.close();
}catch(IOException e) {
e.printStackTrace();
}
BASE64Encoder encoder=new BASE64Encoder();
return encoder.encode(data);
} /*
* 将字符串转换为10进制ASCII码
*
* */
public static String string2ASCII(String s) {
if(s==null||"".equals(s)) {
return null;
}
char[] chars=s.toCharArray();
StringBuffer asciiString=new StringBuffer();
int n=0;
for(char c:chars) {
n=c;
String a="";
if((19968<=n && n<40623)) {
a="&#"+n+";";
}else {
a=c+"";
}
asciiString.append(a);
}
return asciiString.toString();
}四、将转换好的字符串作为文件输出。
try {
os = response.getOutputStream();
response.reset();
response.setCharacterEncoding("utf-8");
response.setContentType("application/msword"); // word格式
response.setHeader("Content-Disposition", "attachment; filename=" + fileName);
byte[] b = readIn.getBytes("UTF-8");
os.write(b);
} catch (FileNotFoundException e) {
e.printStackTrace();
}finally {
if(os != null) { os.flush();os.close();}
}