如何将WordPress中生成的HTML页面转换为Word DOCX文件？

我最近刚好搞定了把WordPress生成的HTML页面（包含<figure>和<figcaption>元素）转成Microsoft Word DOCX文件的需求，正好参考了你提到的那个相关问题，用的是Mark Windsoll开发的jQuery转Word插件，分享下我的实现过程，应该能直接复用：

核心思路 #

因为要处理<figure>和<figcaption>这类在Word里容易格式错乱的元素，普通的HTML转DOCX工具往往兼容性不好，而这款jQuery插件专门针对这类场景做了优化，能很好地保留原HTML里的图片和标题排版。

具体实现步骤 #

• 第一步：引入依赖脚本
  我把插件的JS文件放到了WordPress主题的js目录下，然后在主题的functions.php里用WordPress的脚本加载函数引入jQuery（WordPress自带jQuery，不用额外下载）和插件脚本；
• 第二步：准备待转换的HTML内容
  确保WordPress生成的页面里，<figure>和<figcaption>的结构规范，避免嵌套混乱；
• 第三步：添加转换按钮和逻辑
  在页面合适的位置加一个触发转换的按钮，然后写JS代码调用插件的方法，指定要转换的内容区域和生成的DOCX文件名。

代码示例 #

1. 主题functions.php里的脚本引入 #

function enqueue_word_conversion_scripts() {
    // 引入WordPress自带的jQuery
    wp_enqueue_script('jquery');
    // 引入转Word插件（假设插件文件名为jquery.wordexport.js）
    wp_enqueue_script('jquery-word-export', get_template_directory_uri() . '/js/jquery.wordexport.js', array('jquery'), '1.0', true);
}
add_action('wp_enqueue_scripts', 'enqueue_word_conversion_scripts');

2. 页面中的HTML和JS代码 #

<!-- 转换按钮 -->
<button id="export-to-word">导出为Word文档</button>

<!-- 待转换的内容区域（比如WordPress的文章内容区域） -->
<div id="content-to-export">
    <!-- 这里是WordPress生成的包含figure和figcaption的HTML内容 -->
    <?php the_content(); ?>
</div>

<script>
jQuery(document).ready(function($) {
    $('#export-to-word').click(function() {
        // 调用插件的wordExport方法，指定内容区域和文件名
        $('#content-to-export').wordExport('我的文档');
    });
});
</script>

注意事项 #

• 插件对图片的路径支持最好是绝对路径，所以如果WordPress里的图片是相对路径，可能需要先转成绝对路径再转换；
• 如果需要自定义Word里的样式，可以修改插件的代码，或者在待转换的HTML里添加内联样式，插件会尽量保留这些样式。

内容的提问来源于stack exchange，提问作者Rick Hellewell