简介
NPM 包 ecpl-onlyoffice-viewer 是一款基于 OnlyOffice Document Server 的文档在线查看器，可以用于在网页上展示各类文档，如 PPT、PDF、DOCX、XLSX 等。本文将介绍如何使用该包，在你的项目中快速集成并使用。
安装
使用 NPM 包管理器进行安装：
npm install ecpl-onlyoffice-viewer
快速开始
在 HTML 中引入依赖：
-- -------------------- ---- -------
------
------
----- --------------- --
--------------- --------------
----- ---------------- --------------------------------- --
-------
------
---- -----------------------
------- ----------------------------------------
-------
-------在 JavaScript 中使用：
let viewer = new OnlyOfficeViewer({
url: 'http://example.com/document.docx',
// ... 其他配置
});
viewer.render('#placeholder');通过上述代码，可以在占位符 div 中渲染文档展示器，来展示一个 docx 文件。
配置
配置项如下：
| 参数 | 类型 | 必选 | 默认值 | 描述 |
|---|---|---|---|---|
| url | string | 是 | - | 要显示的文档URL |
| format | string | 否 | undefined |
提供所需文档格式的其他扩展名，以便app可以请求正确的操作系统区域设置和语言 |
| permissions | boolean | 否 | false |
打开文档时提示输入密码或者显示加锁图标，视文档是否设置密码而定 |
| document | object | 否 | {} |
确定要显示的文档允许的选项，其中包括允许边栏的类型（例如专业、评论、字体、样式等） |
| editorConfig | object | 否 | {} |
配置文档编辑器允许设置的选项，例如是否允许修改文本、添加注释、更改字体等 |
示例
使用示例：
-- -------------------- ---- -------
--- ------ - --- ------------------
---- -----------------------------------
------- -------
------------ ------
--------- -
-- -------
------------- -------
--
------------- -
-- -----------------------
------------------------ -----
---------------------------- -------
------------------------ -----
------------------- -----
-
---
------------------------------终语
NPM 包 ecpl-onlyoffice-viewer 是一款非常好用的文档查看器，能够轻松集成到你的项目中，并支持多种文档格式的在线预览。如果在使用中遇到问题或有更多需求，建议查看官方文档或提交 issue 寻求帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005671481e8991b448e3666