[스크랩] HTML5 오피스 문서 뷰어 (워드, 엑셀, 파워포인트 미리보기)

egloos.zum.com/froggy/v/5859195

HTML5 오피스 문서 뷰어 (워드, 엑셀, 파워포인트 미리보기)

웹 페이지에서 오피스 문서들을 미리보기 해야할 일이 있을 때,

구글이나 MS에서 제공하는 미리보기 서비스를 이용하면 편하다.

 

Google Docs Viewer

=보려는문서의URL&embedded=true"

width='800' height='600' frameborder='0'>

</iframe>

 

MS Docs Viewer

보려는문서의URL'

width='800' height='600' frameborder='0'>

</iframe>

 

좋긴한데,,,,

문제는 구글이나 MS의 서비스가 저 문서를 가져가서 작업하고 돌려주는 방식이란 점이다.

즉, 문서가 외부로 유출될 가능성이 농후하다는 것이라서...

기업에서 쓰기엔 불가능할 것 같다.

 

다만, 문서를 가지고 있는 내 서버에서

다음과 같이 httpd.conf 를 설정하면 (빨간 배경 참조)

해당 문서에 대한 접근을 막을 수 있을 것이고,

MS API를 사용하면, MS는 구글과 달리 API로 넘겨주는 문서를

색인해서 검색에 포함하지는 않을 것이라,,,

 

암튼, 기업 내부에서 쓰긴 좀 무리일 수도...

 

<Directory "/var/www/html">

    #

    # Possible values for the Options directive are "None", "All",

    # or any combination of:

    #   Indexes Includes FollowSymLinks SymLinksifOwnerMatch ExecCGI MultiViews

    #

    # Note that "MultiViews" must be named *explicitly* --- "Options All"

    # doesn't give it to you.

    #

    # The Options directive is both complicated and important.  Please see

    # http://httpd.apache.org/docs/2.4/mod/core.html#options

    # for more information.

    #

    Options Indexes FollowSymLinks

 

    <Limit GET POST OPTIONS PROPFIND>

       Order deny,allow

       Deny from all

       Allow from 123.123.321.321

       Allow from view.officeapps.live.com

    </Limit>

 

    #

    # AllowOverride controls what directives may be placed in .htaccess files.

    # It can be "All", "None", or any combination of the keywords:

    #   Options FileInfo AuthConfig Limit

    #

    AllowOverride All

 

    #

    # Controls who can get stuff from this server.

    #

    Require all granted

</Directory>

 

2. 변환사이트

xtai-umd.github.io/docs-viewer-demo/office.html

Docs Viewer Demo / Office Web Apps Viewer

3. 추가 참고사이트

gist.github.com/liudonghua123/934542652dcb29e21194d9f4e7e9342a

Google Docs Viewer & Office Web Apps Viewer

4. js로 구현방법

myhappyman.tistory.com/167

Javascript - PDF 뷰어 처리하기(웹 페이지 pdf파일 읽기)

5. 정리사이트

pdfobject.com/static/

PDFObject: Embedding PDFs without using PDFObject

6. 테스트, pdfobject

pdfobject.com/examples/omit-inline-styles-forced-iframe.html

PDFObject Example: Embedding a PDF in an iframe, without using inline styles