跨框架文档预览 SDK

程潇
4月7日发布

跨框架文档预览 SDK
支持 PDF、Word、Excel、CSV、PPT、OFD、CAD(DXF)、图片、Markdown、TXT、视频等多种格式
Vue3、React、原生 HTML 无缝切换,轻量高效,开箱即用
mnoamsof.png

功能特性:

mnoanl01.png

快速开始:

一、引入 SDK 文件
在 HTML 中引入 SDK 样式和脚本文件

<link rel="stylesheet" href="https://unpkg.com/jit-viewer/dist/iife/jit-viewer.min.css">

<!-- 引入 JitViewer SDK -->
<script src="https://unpkg.com/jit-viewer/dist/iife/jit-viewer.min.js"></script>

二、创建预览容器
在页面中添加一个容器元素

<div id="viewer" style="width: 100%; height: 600px;"></div>

初始化预览器
使用 JitViewer 创建预览器实例并挂载

const { createViewer } = JitViewer;

// 创建预览器实例
const viewer = createViewer({
  file: 'document.pdf',      // 文件 URL
  filename: 'document.pdf',  // 文件名(可选)
  toolbar: true,             // 显示工具栏
  theme: 'light',            // 主题
  width: '100%',
  height: '600px',
  onReady: () => console.log('准备就绪'),
  onLoad: () => console.log('加载完成'),
  onError: (err) => console.error('错误:', err)
});

// 挂载到 DOM
viewer.mount('#viewer');

官网:https://jitword.com/jit-viewer.html

喜欢就支持一下吧
点赞 0 分享 收藏
评论 抢沙发
OωO
取消