테스트 사이트 - 개발 중인 베타 버전입니다

반응형 pdf 플러그인 업뎃

· 2년 전 · 3261 · 47
pdf.jpg

 

업뎃버전 - 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레벨 이상부터 다운로드 버튼 및 인쇄 버튼이 활성화된다는 뜻입니다.

본인의 입맛에 맞게 고쳐주세요.

 

3717943588_1697740248.3924.jpg

 

----------

 

5. html + css + 자바스크립트 조합이라 $is_mobile 과 $member['mb_level'] 만 그누의 설정과 같다면

아마 대부분 잘 호환될 거에요.

또한 common.php 의 인클루드는 https://sir.kr/g5_tip/20935 의 팁을 사용했는데 그럴 확률은 극도로 희박하겠지만 무언가 삑사리가 나면 ../ 경로로 수정해서 사용하시기 바랍니다.

 

----------

 

6. 개인적인 서운함인데 저도 그렇지만 다른 분들도 마찬가지일 것입니다.

스킨이나 플러그인을 다운로드 받아가면서 댓글이나 추천도 주지 않으시는 분이 업뎃을 좀 해 달라고 요청하면 성인군자가 못 되는 저로서는 참 맥빠지는 일입니다.^^

나이가 들어가면 더 대범해질 줄 알았는데 이 눈부신 쪼잔함은 오히려 성장 중인 것 같네요,ㅜㅠ

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 47개

감사합니다.

 

                  

2년 전

감사합니다 

항상 감사드립니다 ^^ 추천꾹!! 

2년 전

추천 감사합니다 

2년 전

늘 유용한걸 공개 해주셔서 감사드립니다.

2년 전

예 감사합니다 

물건이네요. 감사합니다. 

2년 전

더 좋은걸 준비하고 있습니다.

서울시청 홈페이지에도 사용합니다.
뷰어 외주업체에서도 이 PDF 뷰어도 동일하게 사용합니다.

인지도 높은 무료 뷰어 인것 같습니다.

 

참고로 유료 프로그램은 한글(hwp), 워드을 pdf 변경후 첨부하신 pdf 뷰어로 나오도록 설정되어 있습니다.

 

https://housing.seoul.go.kr/site/main/board/news/12114

[code]

<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>

[/code]

2년 전

좋은 정보 감사요.

유료 프로그램 가격 정보도 함께 감사합니다.