PDF PPT(X) 뷰어 게시판

1.jpg

pdf 와 ppt 또는 pptx 를 첨부파일로 올리고 이를 보여줄 수 있는 게시판입니다.

 

988289629_1623408422.6657.jpg

 

1. pdf 인지 ppt(x) 인지 파일형태를 선택합니다.

2. 세로비율은 가로를 100%로 놓고 결정하는 수치입니다. 이건 브라우저마다 약간씩 다르고 모바일도 약간 다릅니다. 저는 pc 에서 크롬을 기준으로 주었습니다.

3. 뷰어 게시판으로 볼 pdf 나 ppt(x) 를 첨부파일로 업로드합니다.

4. 본문을 사용하고 싶으면 본문보이기에 체크 후 게시글을 작성하고, 본문을 숨기고 싶으면 아무 글자나 적어주고 본문숨기기를 체크합니다. 

 

크롬과 안드로이드에서만 확인하였습니다. 모바일은 pdf 가 오락가락 하네요. 새로고침이 필요할 때도 있고...

버전 정보

테스트한 버전 5.4.5.5
호환 가능 버전 아마도 모두

첨부파일

1.jpg (133.8 KB)
0회 2021-06-12 19:15
pdfppt.zip (63.4 KB) 420회 2021-06-11 19:56
|

댓글 68개

와우, 매우 좋습니다.
게시판에서 pdf, ppt 파일을 그대로 볼 수 있네요.
pdf 같은 경우는 hilight, 다운로드, 인쇄 등의 기능이 들어가 있어서 자료실을 만들 때 일반 텍스트 게시판으로 만드는 것보다 좋을 것 같습니다.
ppt는 전체화면으로 보기, 다운로드 기능이 들어있어 좋습니다.
모바일에서도 깔끔하게 나오네요.
스킨만드시느라 고생이 많으셨을텐데, 공개해주셔서 감사하다는 말씀드립니다.

[http://sir.kr/data/editor/2106/00b421a4fa124875f7c8a4fd561626d0_1623424123_1349.png]
pdf 파일은 진작부터 아이프레임으로 띄우면 웹에서 볼 수가 있었습니다.
단지 안드로이드의 경우는 그걸 허용해주지 않아서 구글 오픈소스를 가져다 쓴 것이구요.
파워포인트 파일은 마소에서 공개된 오픈소스가 있어서 게시판에 적용을 해 보았죠.
첨부파일을 쉽게 다운로드 받게 하려면 pc 스킨 기준 168번째 줄
<section id="bo_v_file" style=display:none> 에서 style=display:none 를 제거해주면 됩니다.
그럼 첨부파일이 보이죠. 감사합니다.
와~우!!! 대단 합니다. 공개 해주셔서 감사합니다.
혼자만 알고 있어봐야 의미가 없죠. 감사합니다.
마침 찾고 있던 기능인데 너무 감사합니다.
추천 꾹! 하고 갑니다. ^^
보탬이 되었다니 다행입니다. 추천도 감사히 받을께요.
감사히 잘 쓰겠습니다!! 저도 추천 꾹!!! : )
어이쿠 감사드립니다.
와우 적용해봐야겠네요. 감사합니다.
옙 흔적 주심 감사드립니다.
수업용 자료게시판으로 매우 훌륭합니다. 감사합니다.
http://dongil365.kr/bbs/board.php?bo_table=pdfppt&wr_id=1
ppt 도 이쁘게 만든 건 참 이쁘더라구요. 훌륭하다고 치켜주심 감사드립니다.
감사합니다. ^^
저도 흔적 주셔서 감사합니다.
훌륭하십니다. 감사히 쓰겠습니다.
예 유용하게 쓰세요
저에겐 매우 신기한 기능입니다.
스킨이 이렇게 발전 할 수도 있음게 감탄하고... 감사합니다.
칭찬 고맙습니다. 유용하게 쓰세요
대단히 감사합니다.
오빠야님 감사합니다.
이것도 업뎃이 필요합니다. 여러개 파일 올리고 버튼클릭으로 바꿀 수 있는 멀티 기능을 넣어야 해요.
정말 감사합니다. 오늘도 건안하시길...
넉대삼촌님도 건안하시길요
좋으네요. 감사합니다.
예 감사합니다
대단한 기능입니다.^^
감사합니다
[http://sir.kr/data/editor/2106/a1e733c54a62ea0e2d4c22c2460e2de5_1623502738_558.png]

ppt가 안됩니다. (해결방법좀 알려 주세요)
pdf는 잘 됩니다.
게시판 주소 링크시켜 주세요
http://minyho.iptime.org/g5_5455/bbs/board.php?bo_table=pdf&wr_id=1
입니다. 그런데 모바일에서는 됩니다.
아래는 들레아빠님 파일을 다음블로그 첨부파일로 올리고 사용해본 소스입니다.

<iframe id="viewerIframe" src="https://view.officeapps.live.com/op/embed.aspx?src=https://blog.kakaocdn.net/dn/b9JMDZ/btq65rdF3J1/vkUGoKgll55ie0ALBXkKlk/tfile.ppt" width=720 height=480 frameborder="0"></iframe>

아주 잘 나옵니다. 서버 내부 문제인 듯요.
마소의 오픈소스는 아래와 같습니다.

<iframe src="https://view.officeapps.live.com/op/embed.aspx?src=ppt주소" width=가로 height=세로 frameborder="0"></iframe>

제 소스는

<iframe id="viewerIframe" src="https://view.officeapps.live.com/op/embed.aspx?src=http://mediaplayer.kr/main/data/file/viewer/988289629_75IK2spM_a34468b1bbe1074d877a377b2776e316956aea45.ppt" width=720 height=480 frameborder="0"></iframe>

들레아빠님 소스는

<iframe id="viewerIframe" src="https://view.officeapps.live.com/op/embed.aspx?src=http://minyho.iptime.org/g5_5455/data/file/pdf/1926146752_z7hvLt1w_4dab548e1d43f5d4eca89cfd53794a7b0502a0cc.ppt" width=720 height=480 frameborder="0"></iframe>

소스상으로는 이상이 없습니다. 아무래도 서버 문제 같네요.ㅜㅠ
신경써 주셔서 대단히 감사합니다.
잘 되는 게시판을 제가 잘 몰라서 이렇게 번거롭게 해 드렸네요.
http://minyho.iptime.org를 국내만 열어놓고 있어서 안되는
것 같습니다. 외국접속을 막지않은 https://dandelion.ga/pdf 에서는 잘 됩니다.
대단히 죄송스럽게 되었습니다. 그리고 감사합니다.
비타주리님. 올려주신 성경쓰기나 미디어플레이어 게시판 pdf뷰 게시판,
중국유학생들 선교용으로 잘 사용하고 있습니다,, 감사합니다
추천 꾸우욱 누르고 갑니다
원하는 곳에 유용하게 쓰신다니 감사합니다
감사합니다.
잘쓰겠습니다.
건강하세요~~~~~``^^
감사드리고 건강하세요
좋은 자료 감사드립니다.^^
낭만푸우님 감사드립니다.
감사합니다^^ 회사 내부 서버로 문서 자료를 보관, 관리 하고 있었는데 매번 문서 다운 받아 보는게 귀찮았는데 한방에 편해졌네요 ㅋ
예 감사합니다.
다음에는 엑셀도 가능하게 하고 멀티 파일을 리스트로 출력하는 업뎃을 생각하고 있습니다.
좋은 자료 감사합니다 ~ ^^/
유용하게 쓰시길요
공개해 주시는 자료마다 유용하게 사용할 수 있을거 같습니다.
감사합니다.
어이쿠 써 주시니 저야 고맙죠.
pdf와 ppt 이외의파일 업로드도 가능했으면 좋겠네요. 기타파일들은 다운로드만 할수 있어도 자료실로 활용하기 좋겠는데요
예 다음 업뎃시 그리 하겠습니다.

첨부파일을 쉽게 다운로드 받게 하려면 pc 스킨 기준 168번째 줄
<section id="bo_v_file" style=display:none> 에서 style=display:none 를 제거해주면 됩니다. 그런데 이럴 때는 아이프레임으로 표현되지 못하는 파일 확장자명이 들어오면 아이프레임을 싸고 있는 div 를 안 보이게 하는 조건문을 또 줘야 해서 좀 성가깁니다.

다음 업뎃에서 생각하고 있는 부분입니다.
오호 기막힌 아이디어네요 ㅎㅎㅎ 굳굳
오픈소스 주소 부분에 첨부파일 주소가 들어가도록 하면 되니 사실 요령만 알면 어느 정도 내공 있으신 분들은 어렵지는 않습니다만...
여러파일을 버튼클릭 바꿔치기나 리스트로 걸 경우 각기 다른 세로 퍼센트값을 어찌 주느냐 고민하고 있습니다. 여분필드에 파일 갯수대로 입력하는 방법도 생각해 보았는데...
아예 파일명 끝에 퍼센트 문자열을 입력해서 업로드 하게 할까 생각하고 있어요.
파일명을 "01. 게시글자료-1--72.pdf" 등으로 올리게 해서 72부분만 잘라 세로 퍼센트값으로 받게끔...
주말에나 작업해야지요.
감사합니다. 정말 필요했던 건데.....
예 필요할 때 사용하세요.
유용하게 사용하세요
먼저 추천 꾹~~ 누르고

만년 세네기 인사드립니다*^___^*;

비타주리 님 좋은자료 감사드립니다~~

설치해서 사용해보았는데~~

정상적으로 파일을 올리면 보여집니다~~^^

그러나 PDF, PPT 와같은 파일 없이 그냥 간단하게 게시판에 글만 올리면

보여주는 부분(PDF, PPT와같은 파일) 에 내용이 없으니까~

보여지는 부분에 새로운 홈페이지 창으로 보이면서 이상하게 보이는데~


required 부분 삭제 하니까~

정상적으로 글이 올려지고, 보여집니다~~~

게시판 작성페이지 write 파일에서

pdf, ppt(x) 선택하는 부분에 첨부파일이 없는경우, 별도로 선택하면

정상적으로 게시판 글 작성 되도록 하면 좋을것 같습니다~~

아직 어떻게 해야할지 고민만 하고있습니다~~




최신버전으로 PDF, PPT 보여주는 게시판 만들어 주셔서

다시한번 비타주리님 너무 너무 감사를 드립니다~~ *^___^*;
말씀하신 의도는 알겠지만 이 게시판은 pdf ppt 첨부파일 관련 자료실 게시판인데 파일업로드가 필요없는 게시글은 다른 스킨을 사용하셔서 다른 메뉴에서 게시글을 올리시는 것이 맞지 않나 싶네요.
이를테면 유튜브 전용으로 게시판을 만들었는데 그 스킨에 유튜브를 사용하지 않는 게시글을 올린다는 것이 좀 이상하다는 생각입니다.
아무튼 좋은 의견 주셔서 감사합니다.
필요했는데 감사히 잘쓰겠습니다.
새롭게 업그레이드 되었습니다. https://sir.kr/g5_skin/45425
너무너무 감사합니다
감사합니다
정말 멋집니다. 감사합니다.
감사합니다
감사합니다
먼저 스킨 정말 정말 감사합니다 너무 유용하게 사용하고 있습니다.
혹시나 해서 여쭤보는 데,
저는 pdf ppt 두 파일 모두 구글독스로 변경해서 뷰어를 사용하고있습니다.
마소쪽은 제 서버에서는 작동하지 않더군요..
그런데 이제 파일을 올리고 뷰어에서 다운로드나 인쇄 기능이 있어서 그 부분을 막고 싶은데
이건 따로 막을 방법이 없을까요..? 검색해 봤는데 직접 올린 파일은 제한이 가능하던데
뷰어는 찾을 수가 없더라구요
api 가 공개되어 있지 않으면 불가능합니다
감사 합니다 .잘 쓰겠습니다.
감사합니다
댓글을 작성하시려면 로그인이 필요합니다. 로그인

그누보드5 스킨

좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.

+
🐛 버그신고