【pptx-preview】react+pptx预览

pptx前端预览插件
pptx-preview - npm
1.插件使用

1. let pptxPreviewer: any = null;
2. const dom: any = document.getElementById(`pptx-wrapper`);
3.             if (!dom) return;
4.             pptxPreviewer = init(dom, { width: 800 });
5.             fetch(url).then((response: any)=> response.arrayBuffer()).then((res) =>{
6.                 console.log('res:', res);
7.                 pptxPreviewer.preview(res);
8.                 setTimeout(() => {
9.                     set_file_loading(false)
10.                 }, 1000)
11.             })

复制代码

注意：组件卸载的时间扫撤除预览实例

1. return () => {
2.             pptxPreviewer = null;
3.         };

复制代码

标签处写个html即可

1. <div
2.   className="pptx-container"
3.   id={`pptx-wrapper`}
4. ></div>

复制代码

 2.问题

        我这里项目中的使用是二次封装了个预览插件，并且需求是需要同时展示原文和译文，也就是说，读写内容的时间注意需要加唯一id，否则会有问题，也要每次卸载都删掉实例才行。
        即使如许，因为react的热加载问题，每次保存代码。都会自己在天生一个组件，之前的还会存在，还未找到详细解决方法。


免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。