반응형 pdf 플러그인 업뎃 정보
반응형 pdf 플러그인 업뎃관련링크
첨부파일
본문
업뎃버전 - https://sir.kr/g5_skin/57508
----------
1. 가장 먼저 https://sir.kr/g5_plugin/10075 의 첨부파일을 다운로드 받아 압축을 풀면
최상위 폴더로 pdf 라는 폴더가 있는데 그 폴더를 plugin 등등 그누의 아무 디렉토리에나 올려줍니다.
그리고 링크게시글의 설명은 "캐무시" 하세요.
----------
2. 업로드한 폴더의 web 이라는 디렉토리를 보면 viewer.html 이란 파일이 있는데 이 파일과 동등항렬로
viewer.php 를 업로드합니다.
그리고 아래의 아이프레임을 걸어주면 "땡"
게시글도 좋고 내용관리 페이지도 좋고 어떤 페이지에서도 작동합니다.
게시글에서 작성시에는 html 모드로 전환해서 작성합니다.
아래의 빨간글씨 파일은 http 나 https 로 시작하는 절대경로로 적어주세요.
<iframe src="viewer.php?file=pdf경로"></iframe>
----------
3. 업뎃내용은 아래와 같습니다.
1) 블랙톤으로 스타일링 - css 는 시간 빨아먹는 기계입니다. 스크롤바도 더 이쁘게 고쳤습니다.
2) 아이프레임 영역의 가로사이즈가 자동으로 100% 커집니다.
3} 아이프레임의 세로사이즈는 viewer.php 의 상단에서 정의된 퍼센트대로 자동 리사이징됩니다.
pc 와 모바일을 각기 설정합니다. 120은 가로의 퍼센트를 100으로 잡았을 때의 숫자입니다.
$pc_height_percent = 120;
$mobile_height_percent = 120;
----------
4. 가장 중요한 특징이고 제가 이걸 업뎃한 이유입니다.
문서 상단에 보면 $pdf_download_level = 9; 라는 변수가 있는데...
이 9의 의미는 9레벨 이상부터 다운로드 버튼 및 인쇄 버튼이 활성화된다는 뜻입니다.
본인의 입맛에 맞게 고쳐주세요.
----------
5. html + css + 자바스크립트 조합이라 $is_mobile 과 $member['mb_level'] 만 그누의 설정과 같다면
아마 대부분 잘 호환될 거에요.
또한 common.php 의 인클루드는 https://sir.kr/g5_tip/20935 의 팁을 사용했는데 그럴 확률은 극도로 희박하겠지만 무언가 삑사리가 나면 ../ 경로로 수정해서 사용하시기 바랍니다.
----------
6. 개인적인 서운함인데 저도 그렇지만 다른 분들도 마찬가지일 것입니다.
스킨이나 플러그인을 다운로드 받아가면서 댓글이나 추천도 주지 않으시는 분이 업뎃을 좀 해 달라고 요청하면 성인군자가 못 되는 저로서는 참 맥빠지는 일입니다.^^
나이가 들어가면 더 대범해질 줄 알았는데 이 눈부신 쪼잔함은 오히려 성장 중인 것 같네요,ㅜㅠ
29
댓글 전체
좋은 플러그인 감사 합니다.
옙 감사합니다
공개해 주셔서 감사합니다. ^^
늘 감사합니다
아직 써 보지는 않았지만 꼭 필요한 자료입니다. 비타주리님 자료 늘 고맙게 사용하고 있습니다. 감사의 말 전에 못했던 거 죄송하네요.
옙 주안에서 늘 승리하세요.
교회주보를 pdf 로 만들거나 또는 변환하거나 해서 게시판으로 활용해도 될 거에요.
편하게 사용하려면 첨부파일을 올리면 알아서 첨부파일 경로가 아이프레임 코드로 들어가도록 bo_v_con 의 innerHTML 을 리플레이스 해주는 자바스크립트를 짜주면 되구요.
기억력인지 배려심인지 뛰어나신 분 같네요.
저는 제 아이큐와 제 신장이 같은 극소수의 인류 중 하나입니다.
참고로 제 키는 축구지존 리오넬 메시와 같습니다.ㅋ
감사합니다.
감사합니다
감사합니다.
1. https://sir.kr/g5_plugin/10075에서 파일받아 그누 설치된 루트에 업로드
2. 여기서 viewer.php 파일 다운 후 /www/wed 파일안에 업로드
3. <iframe src="viewer.php?file=pdf경로"></iframe>
=> 이 코드는 어느 파일에 적용을 하는건가요?
=>pdf경로는 도메인 주소가 아닌거 같은데, 경로는 무엇을 넣는곳인가요?
1. 압축을 풀면 pdf 라는 폴더가 보여지지 않나요?
2. 그 pdf 폴더 안에 build 폴더와 web 폴더와 LICENSE 3개 요소가 있구요.
그 pdf 라는 폴더를 폴더째 그누의 아무 곳에나 업로드하고
3. 이 게시글의 viewer.php 를 web 폴더로 업로드하고
4. <iframe src="viewer.php의절대경로?file=본인이사용할pdf의절대경로"></iframe>
를 게시글의 에디터 html 모드에서 입력합니다.
5, 절대경로란 http 또는 https 로 시작하는 경로를 절대경로라고 합니다.
6. 이해가 안 되시면 viewer.php 의 절대경로와 pdf 파일의 절대경로를 추출해서 제게 주신 후에 질문해 주세요.
오우 감사합니다
감사합니다
업데이트 감사합니다
잘사용하는 플러그인인데 더욱 편하게 쓰겠습니다
2탄이 곧 올라갑니다.
아이프레임만 걸면 게시판에 첨부파일로 업로드한 모든 pdf 를 리스트로 만드는 플러그인이죠.
연 20억 버는 저 사람이 부럽습니다.ㅜㅠ
감사합니다.
감사합니다
항상 감사드립니다 ^^ 추천꾹!!
추천 감사합니다
늘 유용한걸 공개 해주셔서 감사드립니다.
예 감사합니다
물건이네요. 감사합니다.
더 좋은걸 준비하고 있습니다.
서울시청 홈페이지에도 사용합니다.
뷰어 외주업체에서도 이 PDF 뷰어도 동일하게 사용합니다.
인지도 높은 무료 뷰어 인것 같습니다.
참고로 유료 프로그램은 한글(hwp), 워드을 pdf 변경후 첨부하신 pdf 뷰어로 나오도록 설정되어 있습니다.
https://housing.seoul.go.kr/site/main/board/news/12114
<a href="javascript:void(0);" onclick="previewAjax('다운로드 파일위치', '실 파일내용이름')" title="바로보기">
예시)
<a href="javascript:void(0);" onclick="previewAjax('https://housing.seoul.go.kr/site/main/file/download/uu/2f370509ad944736aeafb2c8cc4c507a', '서울시 반지하·노후 저층주택 _안심 집수리_ 참여하세요.pdf')" title="바로보기">
<script>
jQuery(function($){
});
function previewAjax(file_url, file_name) {
var apiKey = 'MHTEN2A8RCHAOSTZTMT4MQ';
var cc = 'sg_093';
var fileUrl = encodeURIComponent(file_url);
var fileName = encodeURIComponent(file_name);
window.open('https://seoul.viewstory.net/previewAjax.do?apikey={0}&cc={1}&url={2}&fileName={3}'
.format(apiKey, cc, fileUrl, fileName),'a', 'width=1200, height=1000, left=100, top=50');}
function preListen(file_url, file_name) {
var apiKey = 'MHTEN2A8RCHAOSTZTMT4MQ';
var cc = 'sg_093';
var fileUrl = encodeURIComponent(file_url);
var fileName = encodeURIComponent(file_name);
window.open('https://seoul.viewstory.net/voiceOverAjax.do?apikey={0}&cc={1}&url={2}&fileName={3}'
.format(apiKey, cc, fileUrl, fileName), 'a', "width=1200, height=1000, left=100, top=50");}
String.prototype.format = function() {
var formatted = this;
for( var arg in arguments ) {
formatted = formatted.replace("{" + arg + "}", arguments[arg]);
}
return formatted;
};
</script>
좋은 정보 감사요.
유료 프로그램 가격 정보도 함께 감사합니다.
와 감사합니다
와우!!!!
정말 제가 필요한 일부 기능 이였는데 업데이트 해주셨네요ㅜㅜ
너무 감사드립니다^^
리스트는 한참 기둘리세요. 아마도 한참...
넵!일부 유료 뷰어에도 다운로드기능 제한이 안되있는것 같은데 정말 대단하신거 같습니다! 만들어주셔서 진심으로 너무 감사드립니다^^
이런 건 css 에서 조절해야죠. 예를 들어 다운로드 버튼의 아이디는 id="download" 이니까
아래처럼 css 를 써야죠.
#download { display:none; }
하지만 다운로드 버튼이 안 보이면 전체코드가 작동이 안 되더라구요. 그래서... 아래와 같이 보이기는 보이되 0px 가로를 가지게 만들어야 합니다.
#download { width:0px; max-width:0px; min-width:0px; margin:0px; padding:0px; overflow:hidden; }
그리고 9등급 미만에만 적용되어야 한다면 아래처럼 조건문을 주는 것이구요.
<?php
if ($member['mb_level' < 9) echo "#download { width:0px; max-width:0px; min-width:0px; margin:0px; padding:0px; overflow:hidden; }";
?>
아하 저도 초자라 자세히는 모르지만 css로 하는거였군요! 스터디해봐야겠네요 ^^
자세히 알려주셔서 너무 감사드립니다^^
viewer.php?file=https:// 으로 파일주소를 넣으면 불러와지지 않네요.
viewer.php 와 pdf 파일은 동일한 도메인이어야 합니다.
마치 아작스와 같죠.
꼭 필요했는데 공개해 주셔서 감사합니다
감사합니다
감사합니다!!!
감사합니다
http://wittazzurri.phps.kr/add_board/
PDF를 로드하는 동안 오류가 발생했습니다.
PDF.js v2.13.216 (빌드: 399a0ec60)
메시지: Failed to fetch