实现html和word的相互转换（带图片）

项目后端使用了springboot，maven，前端使用了ckeditor富文本编辑器。目前从html转换的word为doc格式，而图片处理支持的是docx格式，所以需要手动把doc另存为docx，然后才可以进行图片替换。

2021年了，我回来填坑了，又碰到了需要把 html 转换成 word 的场景，目前对于格式不固定的带图片的导出，有以下解决方案：

后端只做部分样式处理，导出工作交给前端完成，代码实现见第四部分。

一.添加maven依赖

主要使用了以下和poi相关的依赖，为了便于获取html的图片元素，还使用了jsoup：

<dependency>
	<groupId>org.apache.poi</groupId>
	<artifactId>poi</artifactId>
	<version>3.14</version>
</dependency>

<dependency>
	<groupId>org.apache.poi</groupId>
	<artifactId>poi-scratchpad</artifactId>
	<version>3.14</version>
</dependency>

<dependency>
	<groupId>org.apache.poi</groupId>
	<artifactId>poi-ooxml</artifactId>
	<version>3.14</version>
</dependency>

<dependency>
	<groupId>fr.opensagres.xdocreport</groupId>
	<artifactId>xdocreport</artifactId>
	<version>1.0.6</version>
</dependency>

<dependency>
	<groupId>org.apache.poi</groupId>
	<artifactId>poi-ooxml-schemas</artifactId>
	<version>3.14</version>
</dependency>

<dependency>
	<groupId>org.apache.poi</groupId>
	<artifactId>ooxml-schemas</artifactId>
	<version>1.3</version>
</dependency>

<dependency>
	<groupId>org.jsoup</groupId>
	<artifactId>jsoup</artifactId>
	<version>1.11.3</version>
</dependency>

二.word转换为html

在springboot项目的resources目录下新建static文件夹，将需要转换的word文件temp.docx粘贴进去，由于static是springboot的默认资源文件，所以不需要在配置文件里面另行配置了，如果改成其他名字，需要在application.yml进行相应配置。

doc格式转换为html：

public static String docToHtml() throws Exception {
   
	File path = new File(ResourceUtils.getURL("classpath:").getPath());
	String imagePathStr = path.getAbsolutePath() + "\\static\\image\\";
	String sourceFileName = path.getAbsolutePath() + "\\static\\test.doc";
	String targetFileName = path.getAbsolutePath() + "\\static\\test2.html";
	File file = new File(imagePathStr);
	if(!file.exists()) {
   
		file.mkdirs();
	}
	HWPFDocument wordDocument = new HWPFDocument(new FileInputStream(sourceFileName));
	org.w3c.dom.Document document = DocumentBuilderFactory.newInstance().newDocumentBuilder().newDocument();
	WordToHtmlConverter wordToHtmlConverter = new WordToHtmlConverter(document);
	//保存图片，并返回图片的相对路径
	wordToHtmlConverter.setPicturesManager((content, pictureType, name, width, height) -> {
   
		try (FileOutputStream out = new FileOutputStream(imagePathStr + name)) {
   
			out.write(content);
		} catch (Exception e) {
   
			e.printStackTrace();
		}
		return "image/" + name;
	});
	wordToHtmlConverter.processDocument(wordDocument);
	org.w3c.dom.Document htmlDocument = wordToHtmlConverter.getDocument();
	DOMSource domSource = new DOMSource(htmlDocument);
	StreamResult streamResult = new StreamResult(new File(targetFileName));
	TransformerFactory tf = TransformerFactory.newInstance();
	Transformer serializer = tf.newTransformer();
	serializer.setOutputProperty(OutputKeys.ENCODING, "utf-8");
	serializer.setOutputProperty(OutputKeys.INDENT, "yes");
	serializer.setOutputProperty(OutputKeys.METHOD, "html");
	serializer.transform(domSource, streamResult);
	return targetFileName;
}

docx格式转换为html

public static String docxToHtml() throws Exception {
   
	File path = new File(ResourceUtils.getURL("classpath:").getPath());
	String imagePath = path.getAbsolutePath() + "\\static\\image";
	String sourceFileName = path.getAbsolutePath() + "\\static\\test.docx";
	String targetFileName = path.getAbsolutePath() + "\\static\\test.html";

	OutputStreamWriter outputStreamWriter = null;
	try {
   
		XWPFDocument document = new XWPFDocument(new FileInputStream(sourceFileName));
		XHTMLOptions options = XHTMLOptions.create();
		// 存放图片的文件夹
		options.setExtractor(new FileImageExtractor(new File(imagePath)));
		// html中图片的路径
		options.URIResolver(new BasicURIResolver("image"));
		outputStreamWriter = new OutputStreamWriter(new FileOutputStream(targetFileName), "utf-8");
		XHTMLConverter xhtmlConverter = (XHTMLConverter) XHTMLConverter.getInstance();
		xhtmlConverter.convert(document, outputStreamWriter, options);
	} finally {
   
		if (outputStreamWriter != null) {
   
			outputStreamWriter.close();
		}
	}
	return targetFileName;
}

转换成功后会生成对应的html文件，如果想在前端展示，直接读取文件转换为String返回给前端即可。

public static String readfile(String filePath) {
   
	File file = new File(filePath);
	InputStream input = null;
	try {
   
		input = new FileInputStream(file);
	} catch (FileNotFoundException e) {
   
		e.printStackTrace();
	}
	StringBuffer buffer = new StringBuffer();
	byte[] bytes = new byte[1024];
	try {
   
		for (int n; (n