下午好🌅🌅🌅
本答案参考通义千问
要实现 Word 文档（.docx）的完整预览，包括文字、图片、表格等样式内容，使用 Apache POI 是一个不错的选择。但你当前的代码只提取了纯文本，并没有处理图片、表格、字体样式、段落结构等信息。
为了更好地还原 Word 的全部样式和内容，我们需要更全面地解析 .docx 文件，包括：
- 段落（Paragraphs）
- 图片（Images）
- 表格（Tables）
- 字体样式（Font styles）
- 列表（Lists）
✅ 解决方案：使用 Apache POI 完整解析 .docx 并生成 HTML
1. 改进后的转换逻辑
我们将使用 XWPFDocument 来遍历文档中的所有元素，包括段落、图片、表格，并将其转换为 HTML 格式，以尽可能还原 Word 内容。
2. 关键点说明
- 使用
XWPFDocument 读取 .docx 文件 - 遍历每个段落（
XWPFParagraph），提取文本、样式、图片 - 处理表格（
XWPFTable） - 将内容转化为 HTML 格式
- 支持图片嵌入（base64 编码）
3. 完整修改后的代码
private fun convertDocxToHtml(filePath: String): String {
val inputStream = FileInputStream(filePath)
val document = XWPFDocument(inputStream)
val htmlBuilder = StringBuilder()
// 添加 HTML 基本结构
htmlBuilder.append("<html>\n<head>\n")
htmlBuilder.append(" <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n")
htmlBuilder.append(" <style>\n")
htmlBuilder.append(" body { font-family: sans-serif; padding: 15px; }\n")
htmlBuilder.append(" img { max-width: 100%; height: auto; }\n")
htmlBuilder.append(" table { border-collapse: collapse; width: 100%; }\n")
htmlBuilder.append(" th, td { border: 1px solid #999; padding: 8px; text-align: left; }\n")
htmlBuilder.append(" </style>\n")
htmlBuilder.append("</head>\n<body>\n")
// 遍历所有段落
for (paragraph in document.paragraphs) {
val text = paragraph.text
if (text.isNotEmpty()) {
htmlBuilder.append("<p>").append(text.replace("\n", "<br/>")).append("</p>\n")
}
}
// 遍历所有表格
for (table in document.tables) {
htmlBuilder.append("<table>\n")
for (row in table.rows) {
htmlBuilder.append(" <tr>\n")
for (cell in row.getTableCells()) {
htmlBuilder.append(" <td>").append(cell.text).append("</td>\n")
}
htmlBuilder.append(" </tr>\n")
}
htmlBuilder.append("</table>\n")
}
// 遍历所有图片
for (i in 0 until document.partList.size) {
val part = document.partList[i]
if (part is XWPFPictureData) {
val pictureData = part as XWPFPictureData
val imageBytes = pictureData.data
val base64Image = Base64.getEncoder().encodeToString(imageBytes)
val mimeType = pictureData.mimeType
htmlBuilder.append("<img src=\"data:${mimeType};base64,${base64Image}\" />\n")
}
}
// 结束 HTML
htmlBuilder.append("</body>\n</html>")
// 关闭资源
document.close()
inputStream.close()
return htmlBuilder.toString()
}
4. 注意事项与优化建议
- 图片支持：目前我们通过
Base64 编码将图片嵌入到 HTML 中，适用于 WebView 预览。 - 样式保留：Apache POI 不直接支持字体样式（如加粗、斜体）的提取，若需要保留格式，可以进一步扩展代码，添加样式标签（如
<strong>、<em> 等）。 - 性能优化：对于大型文档，建议分页加载或异步处理。
- CSS 样式：你可以根据需要自定义 CSS，例如设置表格边框、字体大小等。
5. 如何在 WebView 中使用该 HTML
在 Android 中，你可以使用如下方式加载 HTML 内容：
webView.loadDataWithBaseURL(null, htmlContent, "text/html", "utf-8", null)
6. 推荐的依赖版本
确保你的 build.gradle 中包含以下依赖：
implementation("org.apache.poi:poi:5.2.3")
implementation("org.apache.poi:poi-ooxml:5.2.3")
implementation("org.apache.xmlbeans:xmlbeans:5.1.1")
7. 总结
| 功能 | 实现情况 |
|------|----------|
| 文字内容 | ✅ 完全支持 |
| 图片嵌入 | ✅ 支持（Base64 编码） |
| 表格 | ✅ 支持 |
| 段落结构 | ✅ 支持 |
| 样式保留（字体、颜色） | ❌ 当前不支持，需扩展 |
如果你需要进一步支持 字体样式、颜色、列表结构，我可以继续为你提供更高级的实现方式。是否需要？
