关于office:ofd在线预览-usdoc实现ofd文档在线预览ofd文档结构分析

ofd文档在线预览

http://usdoc.cn
ofd文档在线预览

一、什么是ofd文件

OFD为凋谢版式文档(Open Fixed-layout Document )的英文缩写,是我国国家版式文档格局规范——《GB/T 33190-2016电子文件存储与替换格局-版式文档》。

简略来说就是中国版的PDF文件，也就是国产的PDF文件。

二、剖析ofd构造

与PDF不同，OFD采纳的是XML的构造存储的。咱们能够间接解压缩这个文件查看内部结构。
如下图


OFD.xml为入口文件，外面内容如下：

容器性能由一个ZIP文件来实现。多文件的数据组织形式采纳ZIP 6.2.0。

能够将XMl转化为SVG或者Html的模式预览，例如

<ofd:OFD xmlns:ofd="http://www.ofdspec.org/2016" DocType="OFD" Version="1.1">
<ofd:DocBody>
    <ofd:DocInfo>
        <ofd:DocID/>
        <ofd:Author>Lost heart</ofd:Author>
        <ofd:CreationDate>2022-4-15</ofd:CreationDate>
        <ofd:ModDate>2022-4-15</ofd:ModDate>
        <ofd:Creator>OFD 文字</ofd:Creator>
        <ofd:CustomDatas>
            <ofd:CustomData Name="native_producer">swdomsdkqt_20190722</ofd:CustomData>
        </ofd:CustomDatas>
    </ofd:DocInfo>
    <ofd:DocRoot>Doc_0/Document.xml</ofd:DocRoot>
</ofd:DocBody>
</ofd:OFD>

三、如何实现OFD文档在线预览，前端JavaScript实现OFD预览

能够间接调用[usdoc](http://usdoc.cn/)的文档在线预览服务

http://usdoc.cn/

1、预览调用形式：

 http://vw.usdoc.cn/?src=拼接你的OFD文件地址

例如：

[http://vw.usdoc.cn/?src=http://usdoc.cn/vw/三好学生申请书v1.ofd](http://vw.usdoc.cn/?src=http://usdoc.cn/vw/三好学生申请书v1.ofd)

预览成果如下图