将带有 html 标签的文本转换为格式化的 word 文件答案

【问题标题】：convert text with html tag to formated word file将带有 html 标签的文本转换为格式化的 word 文件
【发布时间】：2010-10-19 07:30:37
【问题描述】：

如何将带有 html 标签的文本转换为格式化的 word 文档。其实我需要做的是我想在文本框中输入带有 html 标签的文本，当我点击一个按钮时，我希望文本在 word 文档中打开，其中 html 标签被删除，文本以相应的格式显示。

【问题讨论】：

MS Word 已经能够读取 html 文件已有一段时间了。您是否尝试将 html 插入现有的 word 文档？

标签： html ms-word

【解决方案1】：

我想知道当您将 HTML 文件另存为 Word 文档时，您是否被格式丢失所困扰。我曾是。我发现没有继承多个类，也没有基于多个类的任何东西。

考虑一下：

<p class="class1">This <span class="class1 class2">is my</span> text.</p>

.class1 { color:green; }
.class2 { color:orange; }

.class1.class2 { color:red; }

.class1.class2,
.class1 { color:blue; }

结果：

p 是绿色的，因为它的第一个声明成立
p 不是蓝色的，因为该声明是“无效”多类声明的一部分 (!)
span 是橙色的，因为它的第一个声明成立
与第 2 点一样。span 不是红色也不是蓝色，因为“无效”多类声明

由于上述发现，我最终将我的元素包装在另一个元素中，总是使用单个标记类名称，并在此基础上成功地格式化。

请注意，可以使用 Javascript 操作元素，根据需要添加/删除额外的类名，Word 只对它尝试解析的 HTML 文件中的实际标记感兴趣。

我不知道的是如何在 Word 打开 HTML 文件时显示 CSS 背景图像。我通常使用快捷方式：background:transparent url(../img/icon-audio-16.gif) left top no-repeat;，它不起作用（是的，检查了我的路径），但也没有逐个击穿：

background-color:transparent;
background-image:url(../img/icon-audio-16.gif);
background-position:left top;
background-repeat:no-repeat;

无论如何...

【讨论】：

【解决方案2】：

制作一个常规的 html 文件并以 .doc 扩展名保存它。它会很好地显示在 ms word 中。

【讨论】：