经常写文章，并想要与更多的人分享DOCX？幸运的是，您可以在您的网站上嵌入办公文件，例如，Word文档。通过阅读这篇文章，了解如何操作。

#post_title | ONLYOFFICE 博客

写文章并需要与读者分享DOCX文件？幸运的是，您可以在您的网站上嵌入办公文件，例如，Word文档。通过阅读这篇文章，了解如何操作。 
<img decoding="async" loading="lazy" class="wp-image-34324 aligncenter" src="https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/Blog_Word_document_in_HTML.jpg" alt="How to embed Word document in HTML?" width="736" height="371" /> 

在HTML中嵌入DOCX的时候，您可以让用户在网页上与文件易于互动。这肯定会提高参与度，读者不需下载而能够查看Word文档。
所有网站创建平台都支持HTML。在这篇文章中，我们将WordPress作为个例子来嵌入DOCX文件。
<h2>将WordPress与ONLYOFFICE Docs集成起来</h2>
使用最近添加<a href="https://wordpress.org/plugins/onlyoffice/" target="_blank" rel="noopener">WordPress的ONLYOFFICE插件</a>，除了添加普通内容以外，您还可以轻松嵌入上传的DOCX文件。要安装该插件，您需要有WordPress v5.7或以上的版本。下面来看相关的步骤：
<ol>
<li>登录您的管理员账户后，在插件（Plugins）上悬停，点击添加新的（Add New）。</li>
<li>使用搜索栏，找到ONLYOFFICE。</li>
<li>安装并激活该插件。</li>
</ol>
接下来，打开文章并插入需要的文本文件。
请注意：要启用该集成，您需要安装ONLYOFFICE Docs并配置该插件。
<h2>用区块方式嵌入Word文档</h2>
2019年，WordPress推出了Gutenberg块状编辑器，它取代了正常的视觉编辑器，使文章起草过程更快，更容易，连初学者能轻松做的。
打开您的文章并添加新的区块（Block）。
<img decoding="async" loading="lazy" class="img-popup aligncenter wp-image-33159" src="https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/add-block.png" alt="How to embed Word document in HTML?" width="736" height="371" />
选择ONLYOFFICE并上传DOCX文件。
<img decoding="async" loading="lazy" class="img-popup aligncenter wp-image-33159" src="https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/upload-docx.png" alt="How to embed Word document in HTML?" width="736" height="371" />
最后，预览页面以查看结果并发布文章。这么简单!
<h2>HTML中嵌入DOCX的问答</h2>
这里有一些关于DOCX嵌入操作的问题，我们一起来看看。
<h3>访问者可以编辑嵌入的Word文件吗？</h3>
不，访问者只能预览文章中的文件。虽然人们可以查看所有的内容，但除了您之外，其他人都不可进行编辑。
<h3>适用于WordPress的ONLYOFFICE还有其他好处吗？</h3>
嵌入并不是ONLYOFFICE在WordPress上唯一可执行的操作。您也可以在管理面板上直接编辑办公文件（Word文档、Excel电子表格、PowerPoint演示文稿）。
此外，还有一个用于<a href="https://www.onlyoffice.com/app-directory/wordpress?utm_source=blog&amp;amp;utm_medium=article&amp;amp;utm_campaign=word_in_html" target="_blank" rel="noopener">ONLYOFFICE编辑器的插件</a>，允许您从编辑器中直接发布文章。
<h3>如何使用HTML编码嵌入Word文件？</h3>
如果您使用ONLYOFFICE工作区（Workspace），您可以为特定文件更快生成嵌入代码：
<ol>
<li>打开文件模块，找到需要的文件。</li>
<li>点击分享 → 添加链接。</li>
<li>按外部链接，下拉列表中选择嵌入设置。<img decoding="async" loading="lazy" class="size-full wp-image-34793 img-popup aligncenter" src="https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/html1.1.png" alt="如何将Word文档嵌入到HTML中" width="933" height="516" srcset="https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/html1.1.png 933w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/html1.1-300x166.png 300w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/html1.1-768x425.png 768w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/html1.1-322x178.png 322w" sizes="(max-width: 933px) 100vw, 933px" /></li>
<li>调整设置，并将代码复制到您的WordPress编辑器。<img decoding="async" loading="lazy" class="size-full wp-image-34804 img-popup aligncenter" src="https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/html2.2.png" alt="如何将Word文档嵌入到HTML中" width="933" height="516" srcset="https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/html2.2.png 933w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/html2.2-300x166.png 300w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/html2.2-768x425.png 768w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/html2.2-322x178.png 322w" sizes="(max-width: 933px) 100vw, 933px" /></li>
</ol>
这种方式对初学者来说可能有点复杂，但允许您对嵌入式窗口进行定制。
<h3>为什么不创建超链接，让读者直接访问我的DOCX文件？</h3>
超链接是个好办法，但前提是你没有太多的链接。不过，在分享DOCX文件时，链接还有其他缺点：
<ul>
<li>要在新标签页中打开文本文档，你需要把文件存储在某个地方，然后创建个链接。当你删除该文档或改变其路径时，博文中的链接也将不可以的。而且，检查每个链接时，可以浪费好多时间。</li>
<li>第二种方法是个直接下载Word文档的超链接。新访客和数字安全专家可能认为您在分发恶意内容。</li>
</ul>
相比之下，嵌入的Word文档存储在WordPress（或其他CMS）上，读者可以立即访问内容，而无需下载文件。
<div class="useful-links">
<h3>相关链接</h3>
<a href="https://www.onlyoffice.com/zh/office-for-wordpress.aspx?utm_source=blog&amp;utm_medium=article&amp;utm_campaign=word_in_html" target="_blank" rel="noopener">ONLYOFFICE 与 WordPress 集成</a>
<a href="https://www.onlyoffice.com/app-directory/wordpress?utm_source=blog&amp;utm_medium=article&amp;utm_campaign=word_in_html" target="_blank" rel="noopener">适用于编辑器的WordPress插件</a>
<a href="https://www.onlyoffice.com/app-directory/html?utm_source=blog&amp;utm_medium=article&amp;utm_campaign=word_in_html" target="_blank" rel="noopener">HTML 插件</a>
<a href="https://www.onlyoffice.com/all-connectors.aspx?utm_source=blog&amp;utm_medium=article&amp;utm_campaign=word_in_html" target="_blank" rel="noopener">集成应用大全</a>
</div>

如何将Word文档嵌入到HTML中

最新博文

如何使用ONLYOFFICE宏分析电子表格数据

2023一起重返校园：ONLYOFFICE 教育优惠

ONLYOFFICE 2023 年夏季活动总结