您可以使用我们发布的框架组件，在&nbsp;React、Angular 以及 Vue&nbsp;环境中轻松部署在线编辑器。如要详细了解，请继续阅读。

#post_title

您可以使用我们发布的框架组件，在 React、Angular 以及 Vue 环境中轻松部署在线编辑器。如要详细了解，请继续阅读。
<img decoding="async" loading="lazy" class="alignnone wp-image-41956 size-full" src="https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/onlyoffice-on-vue_angular_react.jpg" alt="Deploy ONLYOFFICE Docs on React, Angular and Vue" width="1472" height="742" srcset="https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/onlyoffice-on-vue_angular_react.jpg 1472w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/onlyoffice-on-vue_angular_react-300x151.jpg 300w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/onlyoffice-on-vue_angular_react-1024x516.jpg 1024w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/onlyoffice-on-vue_angular_react-768x387.jpg 768w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/onlyoffice-on-vue_angular_react-634x320.jpg 634w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/onlyoffice-on-vue_angular_react-353x178.jpg 353w" sizes="(max-width: 1472px) 100vw, 1472px" />

<h2>无缝框架集成</h2>
从现在开始，您可以轻松地将 ONLYOFFICE 文档（文档服务器）与您的服务或基于 <a href="https://reactjs.org/" target="_blank" rel="noopener">React</a>、<a href="https://angular.io/" target="_blank" rel="noopener">Angular</a> 及 <a href="https://reactjs.org/" target="_blank" rel="noopener">Vue</a> 的平台集成在一起。有了新发布的、针对列出框架的组件，您可以更轻松地在您的环境中安装我们的在线编辑器、测试其性能。
<h2>启动方式</h2>
您可在 npm Registry 获取这些框架组件：
<ul>
<li><a href="https://www.npmjs.com/package/@onlyoffice/document-editor-react" target="_blank" rel="noopener">React版</a></li>
<li><a href="https://www.npmjs.com/package/@onlyoffice/document-editor-angular" target="_blank" rel="noopener">Angular版</a></li>
<li><a href="https://www.npmjs.com/package/@onlyoffice/document-editor-vue" target="_blank" rel="noopener">Vue版</a></li>
</ul>
如要从 npm 安装这些组件，请结合相应框架，运行如下命令：
<code>npm install --save @onlyoffice/document-editor-react</code>
<code>npm install --save @onlyoffice/document-editor-angular</code>
<code>npm install --save @onlyoffice/document-editor-vue</code>
您也可以使用 <code>yarn</code> 命令进行安装。此外，您也可以找到所有所需的使用及开发说明。
npm 是一种 JavaScript 编程语言的软件包管理器。npm Registry 包含一系列可由任何开发人员或组织安装和使用的开源软件包。顺便提一下，我们也在那里托管了我们的 <a href="https://www.onlyoffice.com/zh/office-for-strapi.aspx?utm_source=blog&amp;utm_medium=article&amp;utm_campaign=frameworks" target="_blank" rel="noopener">Strapi 连接器</a>。
<div class="useful-links">
<h3>相关链接</h3>
<a href="https://mp.weixin.qq.com/s/ny2vKO7ziGHILt7UvngYRg" target="_blank" rel="noopener">ONLYOFFICE 文档 v7.2</a>
<a href="https://www.onlyoffice.com/developer-edition.aspx?utm_source=blog&amp;utm_medium=article&amp;utm_campaign=frameworks" target="_blank" rel="noopener">面向开发者的 ONLYOFFICE 文档</a>
<a href="https://www.npmjs.com/package/@onlyoffice/document-editor-react" target="_blank" rel="noopener">React 组件</a>
<a href="https://www.npmjs.com/package/@onlyoffice/document-editor-angular" target="_blank" rel="noopener">Angular 组件</a>
<a href="https://www.npmjs.com/package/@onlyoffice/document-editor-vue" target="_blank" rel="noopener">Vue 组件</a>
<a href="https://mp.weixin.qq.com/s/p13yq6v7nFPPRSaiyK7O-w" target="_blank" rel="noopener">API</a> 以及<a href="https://mp.weixin.qq.com/s/cL3pHwltbybxH_LiNlGVcA" target="_blank" rel="noopener">文档生成器</a>更新
</div>

在 React、Angular 及 Vue 上部署 ONLYOFFICE 文档

最新博文

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

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

ONLYOFFICE 2023 年夏季活动总结