몽땅뚝딱 개발자

PDF 미리보기 / iframe과 embed 본문

Something Useful/또 다른 정보

PDF 미리보기 / iframe과 embed

레오나르도 다빈츠 2022. 2. 21. 14:05

 

 

 

◽ <iframe>

툴바를 숨기는 경우 '#toolbar=0&navpanes=0&scrollbar=0'를 뒤에 추가한다.

<iframe src="/assets/test.pdf"></iframe>
<!-- 툴바숨기기 -->
<iframe src="/assets/test.pdf#toolbar=0&navpanes=0&scrollbar=0"></iframe>

 

◽ <embed>

<embed src="/assets/test.pdf" type="application/pdf" />

 

 

 

출처 및 참조

 

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

사실 단순한 pdf파일을 보이게만 하는건 몇몇 태그를 활용하여 쉽게 처리가 가능합니다. iframe IE를 제외하고 firefox, chrome, edge등 모두 정상적으로 뷰어 동작을 하는것을 볼 수 있습니다. IE에서는

myhappyman.tistory.com

 

 

Hiding the toolbars surrounding an embedded pdf?

Though I think the answer maybe in this other question's answer concerning the pdf specification, is it possible to not display the adobe acrobat toolbars in an embedded pdf document?

stackoverflow.com

 

저작자표시

'Something Useful > 또 다른 정보' 카테고리의 다른 글

prettier & eslint 함께 사용하기  (0) 2022.05.11
Port Kill  (0) 2022.02.23
개발 시 버전관리 규칙  (0) 2022.02.14
로컬 스토리지와 세션 스토리지의 차이점  (0) 2022.01.10
SVG(Scalable Vector Graphics)  (0) 2021.12.17
'Something Useful/또 다른 정보' Related Articles more
Comments

티스토리툴바