为什么选择 Web Comp
面向前端工程化场景设计，API 清晰、实例隔离、可嵌入文档与示例页。
易于集成
通过 OnlyOfficeManager 与 EditorManager，几行代码即可挂载编辑器。
工程化支持
提供只读/编辑切换、多实例容器隔离、主题与语言等运行时 API，便于接入业务流。
安全可靠
文档在浏览器本地处理，无需上传至 Document Server。
多格式支持
支持 DOCX、DOCM、XLSX、CSV、PPTX、ODT、PDF 等常见 Office 格式。
快速集成，只需几步
几行代码即可嵌入功能完整的文档编辑器
- 1
安装
将 OnlyOffice Web Comp 引入你的前端项目。
- 2
初始化
调用 initializeOnlyOffice 加载静态 SDK。
- 3
挂载
创建容器并通过 OnlyOfficeManager 打开文档。
example.ts
import {
OnlyOfficeManager,
FILE_TYPE,
ONLYOFFICE_ID,
} from "@/components/onlyoffice-web-comp";
const manager = await OnlyOfficeManager.create({
containerId: ONLYOFFICE_ID,
fileType: FILE_TYPE.DOCX,
defaultFileName: "New_Document.docx",
});