过年学go时候想仿某公文范文的内容，这个页面有个功能是html页内容生成word文档并下载。

通过查阅资料发现vue的一个库（html-docx.js）可以实现，尝试了直接html调用，效果还不赖，没啥技术含量，单纯为了大家提供个思路。

<!文档类型 网页类型>
<网页 语言代码="中文">
    <网页头部>
        <网页信息 文档编码="UTF8" />
        <网页信息 名称="页面视图" 关联数据="视图宽度=填充视图宽度,初始缩放值=1,最大缩放值=1,用户缩放状态=假" />
        <网页信息 关联HTTP="兼容模式" 关联数据="最高IE版本" />
        <网页标题>文章内容页</网页标题>
        <网页信息 名称="页面关键词" 关联数据="" />
        <网页信息 名称="页面描述" 关联数据="" />
        <脚本 脚本文件="https://cdn.jsdelivr.net/npm/html-docx-js/dist/html-docx.js"></脚本>
    </网页头部>
        <唯一主体>
            <区域内容 类名="页面标题">
                <区块 类名="主体宽度">
                    <区块 类名="文本">
                        <标题1>新闻详情(前端生成word文档演示)</标题1>
                        <无序列表>
                            <列表项><超链接 链接地址="#">网站首页</超链接></列表项>
                            <列表项><超链接 链接地址="#">新闻中心</超链接></列表项>
                            <列表项>优秀界面的终极形态：隐形的界面</列表项>
                        </无序列表>
                    </区块>
                </区块>
            </区域内容>
            <区块 类名="主体宽度 文章内容">
                <区域内容>
                    <标题1>优秀界面的终极形态：隐形的界面</标题1>
                    <标题3><段落>发布时间:&nbsp; 2024-2-27 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <按钮 点击回调="HTML转Docx()">下载word版本</按钮></段落></标题3>
                </区域内容>
                <区块 类名="文章">
                    <段落>真正优秀的用户界面会被无视，而糟糕的设计则迫使用户注意界面的，而非内容。 我们的设计贴合公司现状，用户体验也会得到满足，结合当前热门的界面板式， 增加用户体验度，质量高，效率高：</段落>
                    <段落>位于云南省西部的xx市，是一座仅拥有20万人口且地处偏隅的县城。其中，xx市第 一民族中学，作为当地办学规模最大也是仅有的一所完全中学，却承载着数千名学子 的成才之梦。如今，我们正身处“移动为先，云为先”的世界中，运算能力变得无穷无 尽且无所不在。正如xx一中的一位同学所说：“隔着万道河，千重山，居然还能在一 块儿上课，这太神奇了。我们一下子多了好多新老师、新同学，从他们身上我们能学习 到很多新方法、新思想。有时候，感觉自己像是在大城市里学习似的。</段落>
                    <段落>“xx编程之美挑战赛”是面向在校学生开展的大型编程比赛，致力于为年轻开发者提供 国际一流水平的开发与交流机会，鼓励他们开发潜能、通过创新方法应对现实问题。本 届大赛分为资格赛、初赛、复赛和决赛四轮，历时近两个月。其中，决赛将在xx（亚洲 ）互联网工程院苏州分院举办。xx（亚洲）互联网工程院苏州分院，专注于xx必应搜 索、人工智能、语音及自然语言处理技术等研发方向，人工智能个人助理xx小娜就诞生 在这里。决赛优胜选手除奖金外，还可获得进入xx中国研发部门实习、进入xx创投加速 器所扶植的创业企业的实习绿色通道以及到美国访问学习的机会。</段落>
                </区块>
            </区块>
        </唯一主体>

        <脚本>
            定义函数 HTML转Docx() {
                // 找到文章内容的 div 元素
                常量 获得文章内容元素 = document.querySelector(".文章内容");
                如果 (!获得文章内容元素 ) {
                    console.error("未找到文章内容的元素");
                    返回;
                }
                // 获取文章内容的 HTML
                常量 文章内容 = 获得文章内容元素.innerHTML;
                // 将 HTML 内容转换为 Word 文档(调用了html-docx.js的)
                常量 文章内容docx = htmlDocx.asBlob(文章内容);
                // 创建下载链接
                常量 下载链接 = document.createElement("a");
                下载链接.download = "文章内容.docx";
                下载链接.href = 浏览器窗口.URL.createObjectURL(文章内容docx);
                // 点击下载链接
                下载链接.click();
            }
        </脚本>
    </网页主体>
</网页>